diff --git a/static/style/inverted-style.css b/static/style/inverted-style.css index 0ffd3bda..84574d27 100644 --- a/static/style/inverted-style.css +++ b/static/style/inverted-style.css @@ -41,19 +41,20 @@ #issues-container { max-width: 640px; margin: auto; - padding: 0 0 48px; + padding: 0 0 56px; /* overflow: scroll; */ scrollbar-width: none; -ms-overflow-style: none; + padding: calc(50vh - 56px) 0; } &::-webkit-scrollbar { display: none; } #issues-container .issue-element-inner { + transition: 125ms opacity ease-out 62.5ms ; } #issues-container:hover .issue-element-inner { - transition: 250ms opacity ease-out 1000ms ; - /* opacity: 0.75; */ + opacity: 0.5; } #issues-container * { @@ -81,6 +82,7 @@ cursor: pointer; margin: 8px; /* background-color: #ffffff; */ + filter: blur(4px); } #issues-container > div.active { transition: 125ms all ease-in-out; diff --git a/static/style/special.css b/static/style/special.css index f7e00da8..aafdfc50 100644 --- a/static/style/special.css +++ b/static/style/special.css @@ -1,27 +1,22 @@ @media (prefers-color-scheme: dark) { html { - /* background-color: #06061aff; */ background-color: #000410; } #toolbar.ready { - /* background-color: #06061a80; */ background-color: #00041080; } #issues-container > div { background-color: #000410; } - #issues-container > div:hover { - /* background-color: #000410; */ - } } @media (prefers-color-scheme: light) { - html { - /* background-color: #f0f0f0; */ - } #toolbar.ready { background-color: #f0f0f080; } #grid { opacity: 0.25; } + #issues-container > div { + background-color: #f0f0f0; + } } diff --git a/static/style/style.css b/static/style/style.css index 18cf3426..8f32a01d 100644 --- a/static/style/style.css +++ b/static/style/style.css @@ -45,6 +45,7 @@ /* overflow: scroll; */ scrollbar-width: none; -ms-overflow-style: none; + padding: calc(25vh - 56px) 0; } &::-webkit-scrollbar { display: none; @@ -81,6 +82,7 @@ cursor: pointer; margin: 8px; /* background-color: #000; */ + filter: blur(4px); } #issues-container > div.active { transition: 125ms all ease-in-out;