This commit is contained in:
spikecodes 2021-02-01 17:50:00 -08:00
parent 956de50419
commit 69941d9efd
No known key found for this signature in database
GPG Key ID: 004CECFF9B463BCB
2 changed files with 22 additions and 10 deletions

View File

@ -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);
}

View File

@ -42,9 +42,14 @@
{% macro sub_list(current) -%}
{% if prefs.subs.len() > 0 %}
<details id="subscriptions">
<summary>Subscriptions</summary>
<div id="sub_list">
<details id="feeds">
<summary>Feeds</summary>
<div id="feed_list">
<p>MAIN FEEDS</p>
<a href="/">Home</a>
<a href="/r/popular">Popular</a>
<a href="/r/all">All</a>
<p>REDDIT FEEDS</p>
{% for sub in prefs.subs %}
<a href="/r/{{ sub }}" {% if sub == current %}class="selected"{% endif %}>{{ sub }}</a>
{% endfor %}