From e82ba97a396e4e9d77486b48e6ee8b1dfd1c1b4c Mon Sep 17 00:00:00 2001
From: Jacky Zhao <j.zhao2k19@gmail.com>
Date: Mon, 24 Jul 2023 07:07:58 +0000
Subject: [PATCH] actually add processed tag to frontmatter

---
 quartz/components/styles/listPage.scss |   31 ++++++++++++++++++++-----------
 1 files changed, 20 insertions(+), 11 deletions(-)

diff --git a/quartz/components/styles/listPage.scss b/quartz/components/styles/listPage.scss
index a5d0a91..7105a1e 100644
--- a/quartz/components/styles/listPage.scss
+++ b/quartz/components/styles/listPage.scss
@@ -1,3 +1,5 @@
+@use "../../styles/variables.scss" as *;
+
 ul.section-ul {
   list-style: none;
   margin-top: 2em;
@@ -8,29 +10,36 @@
   margin-bottom: 1em;
 
   & > .section {
-    display: flex;
-    align-items: center;
+    display: grid;
+    grid-template-columns: 6em 3fr 1fr;
 
-    @media all and (max-width: 600px) {
-      & .tags {
+    @media all and (max-width: $mobileBreakpoint) {
+      & > .tags {
         display: none;
       }
     }
 
-    & h3 > a {
-      font-weight: 700;
-      margin: 0;
+    & > .tags {
+      justify-self: end;
+      margin-left: 1rem;
+    }
+
+    & > .desc > h3 > a {
       background-color: transparent;
     }
 
-    & p {
+    & > .meta {
       margin: 0;
-      padding-right: 1em;
       flex-basis: 6em;
+      opacity: 0.6;
     }
   }
+}
 
-  & .meta {
-    opacity: 0.6;
+// modifications in popover context
+.popover .section {
+  grid-template-columns: 6em 1fr !important;
+  & > .tags {
+    display: none;
   }
 }

--
Gitblit v1.10.0