diff options
| author |  maTh <1645099+math-GH@users.noreply.github.com>
| 2024-04-26 13:11:38 +0200 |
|---|---|---|
| committer |  GitHub <noreply@github.com>
| 2024-04-26 13:11:38 +0200 |
| commit | d656896a95fc715c2a4aba961c019339d2b84585 (patch) | |
| tree | fa3ae5a5ab6a37b88e4b36406d9ab27bfa8650c3 /p/themes/Mapco | |
| parent | c47b7852353086a3fcb04db9d3bbc28e2ad1e52c (diff) | |
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
Diffstat (limited to 'p/themes/Mapco')
| -rw-r--r-- | p/themes/Mapco/_list-view.scss | 5 | ||||
| -rw-r--r-- | p/themes/Mapco/mapco.css | 5 | ||||
| -rw-r--r-- | p/themes/Mapco/mapco.rtl.css | 5 |
3 files changed, 9 insertions, 6 deletions
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; } |