style: more spacing from the top and bottom of the list

ubiquity · Dec 4, 2023 · a629247 · a629247
1 parent c4090f5
commit a629247
Show file tree

Hide file tree

Showing 3 changed files with 10 additions and 11 deletions.
diff --git 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
@@ -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
@@ -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;