From d656896a95fc715c2a4aba961c019339d2b84585 Mon Sep 17 00:00:00 2001 From: maTh <1645099+math-GH@users.noreply.github.com> Date: Fri, 26 Apr 2024 13:11:38 +0200 Subject: Fix date issue in mobile view (#6385) * font-size: 0.7rem; in frss.css * fix date issue in mobile view * better CSS for date in header and footer * RTL * padding in mobile view --- p/themes/Swage/swage.css | 4 ++-- p/themes/Swage/swage.rtl.css | 4 ++-- p/themes/Swage/swage.scss | 8 +++----- 3 files changed, 7 insertions(+), 9 deletions(-) (limited to 'p/themes/Swage') diff --git a/p/themes/Swage/swage.css b/p/themes/Swage/swage.css index 74ce77f0d..2b8e4b86e 100644 --- a/p/themes/Swage/swage.css +++ b/p/themes/Swage/swage.css @@ -767,9 +767,9 @@ form th { .flux.not_read:not(.current):hover .item .title { background-color: var(--color-background-unread); } -.flux .item.date { +.flux .flux_header .date, +.flux .flux_content .bottom .date { color: var(--color-text-light-darker); - font-size: 0.7rem; } .flux .bottom { font-size: 0.8rem; diff --git a/p/themes/Swage/swage.rtl.css b/p/themes/Swage/swage.rtl.css index 8fb7b36dd..b512ad0d5 100644 --- a/p/themes/Swage/swage.rtl.css +++ b/p/themes/Swage/swage.rtl.css @@ -767,9 +767,9 @@ form th { .flux.not_read:not(.current):hover .item .title { background-color: var(--color-background-unread); } -.flux .item.date { +.flux .flux_header .date, +.flux .flux_content .bottom .date { color: var(--color-text-light-darker); - font-size: 0.7rem; } .flux .bottom { font-size: 0.8rem; diff --git a/p/themes/Swage/swage.scss b/p/themes/Swage/swage.scss index d23183445..e329a57c8 100644 --- a/p/themes/Swage/swage.scss +++ b/p/themes/Swage/swage.scss @@ -990,11 +990,9 @@ form { } } - .item { - &.date { - color: var(--color-text-light-darker); - font-size: 0.7rem; - } + .flux_header .date, + .flux_content .bottom .date { + color: var(--color-text-light-darker); } .bottom { -- cgit v1.2.3