diff --git a/static/style.css b/static/style.css index 6a599e5..458bf35 100644 --- a/static/style.css +++ b/static/style.css @@ -286,9 +286,9 @@ aside { background-color: var(--highlighted); } -/* Subscribed subreddit list */ +/* Feeds */ -#subscriptions { +#feeds { position: relative; border-radius: 5px; border: var(--panel-border); @@ -299,11 +299,11 @@ aside { display: inline-block; } -#subscriptions > summary { +#feeds > summary { padding: 8px 15px; } -#sub_list { +#feed_list { position: absolute; display: flex; min-width: 100%; @@ -315,17 +315,24 @@ aside { z-index: 1; } -#sub_list > a { +#feed_list > p { + font-size: 13px; + opacity: 0.5; + padding: 5px 20px; + margin-top: 10px; +} + +#feed_list > a { padding: 10px 20px; transition: 0.2s background; } -#sub_list > .selected { +#feed_list > .selected { background-color: var(--accent); color: var(--foreground); } -#sub_list > a:not(.selected):hover { +#feed_list > a:not(.selected):hover { background-color: var(--foreground); } diff --git a/templates/utils.html b/templates/utils.html index b0d76b6..5c82b48 100644 --- a/templates/utils.html +++ b/templates/utils.html @@ -42,9 +42,14 @@ {% macro sub_list(current) -%} {% if prefs.subs.len() > 0 %} -
- Subscriptions -
+
+ Feeds +
+

MAIN FEEDS

+ Home + Popular + All +

REDDIT FEEDS

{% for sub in prefs.subs %} {{ sub }} {% endfor %}