From 80cc387c1cc2f388485138c0c69aff3dc0753733 Mon Sep 17 00:00:00 2001
From: Lim Chee Aun <cheeaun@gmail.com>
Date: Sun, 29 Jan 2023 10:17:29 +0800
Subject: [PATCH] Home header style change
---
src/app.css | 24 ++++++++++++------------
1 file changed, 12 insertions(+), 12 deletions(-)
diff --git a/src/app.css b/src/app.css
index 3b152138..52264043 100644
--- a/src/app.css
+++ b/src/app.css
@@ -1167,25 +1167,25 @@ meter.donut:is(.danger, .explode):after {
background-color: transparent;
}
.timeline-deck > header {
- min-height: 6em;
+ --margin-top: 16px;
+ min-height: 4em;
+ top: var(--margin-top);
border-bottom: 0;
background-color: var(--bg-faded-blur-color);
- background-image: linear-gradient(
- to bottom,
- var(--bg-faded-color),
- transparent 50%
- );
+ background-image: none;
border-bottom: 0;
- mask-image: linear-gradient(
- rgba(0, 0, 0, 1) 50%,
- rgba(0, 0, 0, 0.7) 80%,
- rgba(0, 0, 0, 0.5) 90%,
- transparent
- );
+ border-radius: 16px;
+ margin-inline: 16px;
+ }
+ .timeline-deck > header[hidden] {
+ transform: translate3d(0, calc((100% + var(--margin-top)) * -1), 0);
}
.deck > header h1 {
font-size: 1.5em;
}
+ .updates-button {
+ margin-top: 24px;
+ }
.timeline-deck .timeline:not(.flat) > li {
border: 1px solid var(--divider-color);
margin: 16px 0;