iridium/redsunlib
iridium/redsunlib
2
2
Fork 0
Code Issues 2 Pull Requests Packages Projects Releases 4 Wiki Activity

Implement #88

Browse Source
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

21
static/style.css
View File

@ -286,9 +286,9 @@ aside {
background-color: var(--highlighted); background-color: var(--highlighted);
} }
/* Subscribed subreddit list */ /* Feeds */
#subscriptions { #feeds {
position: relative; position: relative;
border-radius: 5px; border-radius: 5px;
border: var(--panel-border); border: var(--panel-border);
@ -299,11 +299,11 @@ aside {
display: inline-block; display: inline-block;
} }
#subscriptions > summary { #feeds > summary {
padding: 8px 15px; padding: 8px 15px;
} }
#sub_list { #feed_list {
position: absolute; position: absolute;
display: flex; display: flex;
min-width: 100%; min-width: 100%;
@ -315,17 +315,24 @@ aside {
z-index: 1; 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; padding: 10px 20px;
transition: 0.2s background; transition: 0.2s background;
} }
#sub_list > .selected { #feed_list > .selected {
background-color: var(--accent); background-color: var(--accent);
color: var(--foreground); color: var(--foreground);
} }
#sub_list > a:not(.selected):hover { #feed_list > a:not(.selected):hover {
background-color: var(--foreground); background-color: var(--foreground);
} }

11
templates/utils.html
View File

@ -42,9 +42,14 @@
{% macro sub_list(current) -%} {% macro sub_list(current) -%}
{% if prefs.subs.len() > 0 %} {% if prefs.subs.len() > 0 %}
<details id="subscriptions"> <details id="feeds">
<summary>Subscriptions</summary> <summary>Feeds</summary>
<div id="sub_list"> <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 %} {% for sub in prefs.subs %}
<a href="/r/{{ sub }}" {% if sub == current %}class="selected"{% endif %}>{{ sub }}</a> <a href="/r/{{ sub }}" {% if sub == current %}class="selected"{% endif %}>{{ sub }}</a>
{% endfor %} {% endfor %}