From 0f7b13c49eabf60f4e7a10b075f8232ae60a4e7d Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E3=82=A2=E3=83=AC=E3=82=AF=E3=82=B5=E3=83=B3=E3=83=80?= =?UTF-8?q?=E3=83=BC=2Eeth?= Date: Mon, 4 Dec 2023 20:29:43 +0900 Subject: [PATCH] style: hover opacity refinement --- static/style/inverted-style.css | 7 +++++-- static/style/special.css | 2 +- static/style/style.css | 7 +++++-- 3 files changed, 11 insertions(+), 5 deletions(-) diff --git a/static/style/inverted-style.css b/static/style/inverted-style.css index 8a44eaea..0ffd3bda 100644 --- a/static/style/inverted-style.css +++ b/static/style/inverted-style.css @@ -49,10 +49,13 @@ &::-webkit-scrollbar { display: none; } + #issues-container .issue-element-inner { + } #issues-container:hover .issue-element-inner { - opacity: 0.75; - transition: 500ms opacity ease-in-out; + transition: 250ms opacity ease-out 1000ms ; + /* opacity: 0.75; */ } + #issues-container * { -webkit-user-select: none; -moz-user-select: none; diff --git a/static/style/special.css b/static/style/special.css index 816bb853..f7e00da8 100644 --- a/static/style/special.css +++ b/static/style/special.css @@ -10,7 +10,7 @@ #issues-container > div { background-color: #000410; } - #issues-container > div:hover{ + #issues-container > div:hover { /* background-color: #000410; */ } } diff --git a/static/style/style.css b/static/style/style.css index 3725a3d9..b3b26d64 100644 --- a/static/style/style.css +++ b/static/style/style.css @@ -49,10 +49,13 @@ &::-webkit-scrollbar { display: none; } + #issues-container .issue-element-inner { + transition: 125ms opacity ease-out 62.5ms ; + } #issues-container:hover .issue-element-inner { - opacity: 0.75; - transition: 500ms opacity ease-in-out; + opacity: 0.5; } + #issues-container * { -webkit-user-select: none; -moz-user-select: none;