diff options
| author |  maTh <math-home@web.de>
| 2022-02-05 00:02:06 +0100 |
|---|---|---|
| committer |  GitHub <noreply@github.com>
| 2022-02-05 00:02:06 +0100 |
| commit | dc27baa7d67f4bc601ced80229844a88a7ca23d4 (patch) | |
| tree | ae1999aa38ce2668745e923cad74b08491500157 /p/themes/base-theme/template.css | |
| parent | 3938492b8a01967ca72c9d877f499ac8069bb701 (diff) | |
Improved: unread articles counter (#4166)
* Update template.css
* CSS base template
* CSS themes
* white spaces fixed
* Update ansum.rtl.css
* fix themes
* fix css
* fix scss
* theme swage
* Theme Screwdriver
* theme BlueLagoon fine tuning
* theme Parfat tuneing
* Fix merge bugs
Co-authored-by: Alexandre Alapetite <alexandre@alapetite.fr>
Diffstat (limited to 'p/themes/base-theme/template.css')
| -rw-r--r-- | p/themes/base-theme/template.css | 39 |
1 files changed, 32 insertions, 7 deletions
diff --git a/p/themes/base-theme/template.css b/p/themes/base-theme/template.css index c6008e1bc..649188432 100644 --- a/p/themes/base-theme/template.css +++ b/p/themes/base-theme/template.css @@ -614,6 +614,10 @@ a.btn { text-overflow: ellipsis; } +.tree-folder-items .item.feed { + position: relative; +} + .tree-bottom { visibility: hidden; margin-bottom: 18em; @@ -684,7 +688,7 @@ input[type="search"] { } .aside_feed .category .title:not([data-unread="0"]) { - width: calc(100% - 35px - 20px); + width: calc(100% - 75px); } .aside_feed .tree-folder-title .icon { @@ -1310,21 +1314,42 @@ input:checked + .slide-container .properties { /*=== DIVERS */ /*===========*/ -.category .title:not([data-unread="0"])::after { - content: attr(data-unread); -} - .category .title.error::before { content: "⚠ "; color: #bd362f; } -.feed .item-title:not([data-unread="0"])::before { - content: "(" attr(data-unread) ") "; +.category .title:not([data-unread="0"])::after, +.feed .item-title:not([data-unread="0"])::after { + margin: 0.75em 0 0 0; + padding: 5px 10px; + min-width: 20px; + display: block; + content: attr(data-unread); + position: absolute; + top: 0; + right: 10px; + text-align: center; + font-size: 0.9em; + border-radius: 12px; + line-height: 1; + font-weight: initial; +} + +.feed .item-title:not([data-unread="0"])::after { + margin: 1em 0 0 0; +} + +.feed.active .item-title:not([data-unread="0"])::after { + background-color: transparent; + color: white; + border: 1px solid #fff; + font-weight: bold; } .feed .item-title:not([data-unread="0"]) { font-weight: bold; + width: calc(100% - 80px); } .state_unread .category:not(.active)[data-unread="0"], |