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/Mapco/_list-view.scss | 5 +++-- p/themes/Mapco/mapco.css | 5 +++-- p/themes/Mapco/mapco.rtl.css | 5 +++-- 3 files changed, 9 insertions(+), 6 deletions(-) (limited to 'p/themes/Mapco') diff --git a/p/themes/Mapco/_list-view.scss b/p/themes/Mapco/_list-view.scss index 40cc9d4a8..963d1cc43 100644 --- a/p/themes/Mapco/_list-view.scss +++ b/p/themes/Mapco/_list-view.scss @@ -47,7 +47,7 @@ } } - .item.date { + .item .date { color: color.scale(variables.$unread-font-color, $alpha: -50%); } } @@ -73,7 +73,8 @@ } } - .item.date { + .flux_header .date, + .flux_content .bottom .date { color: color.scale(variables.$main-font-color, $alpha: -50%); font-size: 0.85rem; } diff --git a/p/themes/Mapco/mapco.css b/p/themes/Mapco/mapco.css index 1d79a49b4..11370b166 100644 --- a/p/themes/Mapco/mapco.css +++ b/p/themes/Mapco/mapco.css @@ -1026,7 +1026,7 @@ main.prompt { .flux.not_read .item.website a { color: #36c; } -.flux.not_read .item.date { +.flux.not_read .item .date { color: rgba(51, 102, 204, 0.5); } .flux.favorite { @@ -1043,7 +1043,8 @@ main.prompt { color: #303136; opacity: 0.75; } -.flux .item.date { +.flux .flux_header .date, +.flux .flux_content .bottom .date { color: rgba(48, 49, 54, 0.5); font-size: 0.85rem; } diff --git a/p/themes/Mapco/mapco.rtl.css b/p/themes/Mapco/mapco.rtl.css index c38fba480..92dde3437 100644 --- a/p/themes/Mapco/mapco.rtl.css +++ b/p/themes/Mapco/mapco.rtl.css @@ -1026,7 +1026,7 @@ main.prompt { .flux.not_read .item.website a { color: #36c; } -.flux.not_read .item.date { +.flux.not_read .item .date { color: rgba(51, 102, 204, 0.5); } .flux.favorite { @@ -1043,7 +1043,8 @@ main.prompt { color: #303136; opacity: 0.75; } -.flux .item.date { +.flux .flux_header .date, +.flux .flux_content .bottom .date { color: rgba(48, 49, 54, 0.5); font-size: 0.85rem; } -- cgit v1.2.3