From 1d94e9c30327b4125fc144573c7bdf997cdf3a31 Mon Sep 17 00:00:00 2001
From: Jacky Zhao <j.zhao2k19@gmail.com>
Date: Tue, 18 Jun 2024 05:13:31 +0000
Subject: [PATCH] css: use fit-content (closes #1194)
---
quartz/components/styles/listPage.scss | 8 ++++----
1 files changed, 4 insertions(+), 4 deletions(-)
diff --git a/quartz/components/styles/listPage.scss b/quartz/components/styles/listPage.scss
index c8fc9e9..d51568d 100644
--- a/quartz/components/styles/listPage.scss
+++ b/quartz/components/styles/listPage.scss
@@ -11,7 +11,7 @@
& > .section {
display: grid;
- grid-template-columns: 6em 3fr 1fr;
+ grid-template-columns: fit-content(8em) 3fr 1fr;
@media all and (max-width: $mobileBreakpoint) {
& > .tags {
@@ -24,8 +24,7 @@
}
& > .meta {
- margin: 0;
- flex-basis: 6em;
+ margin: 0 1em 0 0;
opacity: 0.6;
}
}
@@ -33,7 +32,8 @@
// modifications in popover context
.popover .section {
- grid-template-columns: 6em 1fr !important;
+ grid-template-columns: fit-content(8em) 1fr !important;
+
& > .tags {
display: none;
}
--
Gitblit v1.10.0