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/Swage | |
| 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/Swage')
| -rw-r--r-- | p/themes/Swage/swage.css | 4 | ||||
| -rw-r--r-- | p/themes/Swage/swage.rtl.css | 4 | ||||
| -rw-r--r-- | p/themes/Swage/swage.scss | 8 |
3 files changed, 7 insertions, 9 deletions
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 { |