Quartz sync: May 20, 2025, 4:56 PM

Author: codeyoma

quartz/components/styles/listPage.scss

@@ -11,39 +11,35 @@ li.section-li {
 
     &>.section {
         display: grid;
-        grid-template-columns: 1fr fit-content(8rem);
+        grid-template-columns: fit-content(8em) 1fr;
 
-        &>.desc {
-            background-color: transparent;
+        &>.tags {
+            display: flex;
+            padding: 0;
+            margin-top: 0.2em;
+            margin-bottom: 0.6em;
+            justify-content: start;
+        }
 
-            h3>a {
-                background-color: transparent;
-                word-break: keep-all;
-            }
 
+        &>.desc>h3>a {
+            background-color: transparent;
         }
 
-        &>.meta {
+        & .meta {
             margin: 0 1em 0 0;
             opacity: 0.6;
         }
 
-        &>.tags {
-            display: flex;
-            padding: 0;
-            margin-top: 0.2em;
-            margin-bottom: 0.6em;
-            justify-content: start;
-        }
 
     }
 }
 
 // modifications in popover context
 .popover .section {
-    // grid-template-columns: fit-content(8em) 1fr !important;
+    grid-template-columns: fit-content(8em) 1fr !important;
 
-    // &>.tags {
-    //     display: none;
-    // }
+    &>.tags {
+        display: none;
+    }
 }

quartz/styles/custom.scss

@@ -174,3 +174,42 @@ footer {
 .popover .page-listing .desc a[href$="/"]::before {
     content: "📁 - ";
 }
+
+.popover .section {
+    grid-template-columns: fit-content(8em) 1fr;
+}
+
+.page-listing {
+    li.section-li {
+        margin-bottom: 1em;
+
+        &>.section {
+            display: grid;
+            grid-template-columns: 1fr fit-content(8rem);
+
+            &>.desc {
+                background-color: transparent;
+
+                h3>a {
+                    background-color: transparent;
+                    word-break: keep-all;
+                }
+            }
+
+            &>.meta {
+                margin: 0 1em 0 0;
+                opacity: 0.6;
+            }
+
+            &>.tags {
+                display: flex;
+                padding: 0;
+                margin-top: 0.2em;
+                margin-bottom: 0.6em;
+                justify-content: start;
+            }
+
+        }
+    }
+
+}