From 0d0e091f358cb99981fee955f0ea1765481f95f0 Mon Sep 17 00:00:00 2001
From: Lim Chee Aun <cheeaun@gmail.com>
Date: Thu, 20 Apr 2023 16:15:26 +0800
Subject: [PATCH] No more sticky and blur for multi-column styles
---
src/app.css | 19 ++++++++++++-------
1 file changed, 12 insertions(+), 7 deletions(-)
diff --git a/src/app.css b/src/app.css
index b0167b7a..bae2fb42 100644
--- a/src/app.css
+++ b/src/app.css
@@ -1760,7 +1760,12 @@ ul.link-list li a .icon {
box-shadow: -1px 0 var(--bg-color), -2px 0 var(--drop-shadow-color),
-3px 0 var(--bg-color);
}
-#columns:has(> :nth-child(3)) > *:nth-child(even) {
+#columns:has(> :nth-child(3)) > *:nth-child(even),
+#columns:has(> :nth-child(3))
+ > *:nth-child(even)
+ .timeline-deck
+ > header
+ .header-grid {
background-color: var(--bg-blur-color);
}
#columns .header-grid input {
@@ -1778,7 +1783,7 @@ ul.link-list li a .icon {
#columns {
/* gap: 16px; */
/* padding: 0 16px; */
- background-color: var(--bg-blur-color);
+ /* background-color: var(--bg-faded-color); */
height: 100vh;
height: 100dvh;
justify-content: stretch;
@@ -1790,17 +1795,17 @@ ul.link-list li a .icon {
/* border-radius: 16px; */
/* box-shadow: -4px 0 16px -8px var(--drop-shadow-color); */
height: unset;
- background-color: var(--bg-faded-blur-color);
- backdrop-filter: blur(16px) saturate(3);
+ /* background-color: var(--bg-faded-blur-color); */
+ /* backdrop-filter: blur(16px) saturate(3); */
/* background-image: linear-gradient(
160deg,
transparent 20%,
var(--bg-color),
transparent 75%
); */
- position: sticky;
- left: 0;
- transition: all 0.3s ease-out;
+ /* position: sticky;
+ left: 0; */
+ /* transition: all 0.3s ease-out; */
}
/* #columns > *:nth-child(2) {
left: 5%;