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/Ansum | |
| 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/Ansum')
| -rw-r--r-- | p/themes/Ansum/_list-view.scss | 5 | ||||
| -rw-r--r-- | p/themes/Ansum/ansum.css | 5 | ||||
| -rw-r--r-- | p/themes/Ansum/ansum.rtl.css | 5 |
3 files changed, 9 insertions, 6 deletions
diff --git a/p/themes/Ansum/_list-view.scss b/p/themes/Ansum/_list-view.scss index 3de5b3f50..ba297e2ac 100644 --- a/p/themes/Ansum/_list-view.scss +++ b/p/themes/Ansum/_list-view.scss @@ -51,7 +51,7 @@ } } - .item.date { + .item .date { color: color.scale(variables.$unread-font-color, $alpha: -50%); } } @@ -77,7 +77,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/Ansum/ansum.css b/p/themes/Ansum/ansum.css index fdd9b9653..dc1e36456 100644 --- a/p/themes/Ansum/ansum.css +++ b/p/themes/Ansum/ansum.css @@ -1011,7 +1011,7 @@ main.prompt { .flux.not_read .item.website a { color: #161a38; } -.flux.not_read .item.date { +.flux.not_read .item .date { color: rgba(22, 26, 56, 0.5); } .flux.favorite { @@ -1028,7 +1028,8 @@ main.prompt { color: #363330; opacity: 0.75; } -.flux .item.date { +.flux .flux_header .date, +.flux .flux_content .bottom .date { color: rgba(54, 51, 48, 0.5); font-size: 0.85rem; } diff --git a/p/themes/Ansum/ansum.rtl.css b/p/themes/Ansum/ansum.rtl.css index 19c3e1551..8b4bd738f 100644 --- a/p/themes/Ansum/ansum.rtl.css +++ b/p/themes/Ansum/ansum.rtl.css @@ -1011,7 +1011,7 @@ main.prompt { .flux.not_read .item.website a { color: #161a38; } -.flux.not_read .item.date { +.flux.not_read .item .date { color: rgba(22, 26, 56, 0.5); } .flux.favorite { @@ -1028,7 +1028,8 @@ main.prompt { color: #363330; opacity: 0.75; } -.flux .item.date { +.flux .flux_header .date, +.flux .flux_content .bottom .date { color: rgba(54, 51, 48, 0.5); font-size: 0.85rem; } |