mirrors/redlib
1
0
Fork 0
mirror of https://github.com/redlib-org/redlib.git synced 2025-04-04 13:37:40 +03:00
Code Issues Projects Releases Packages Wiki Activity

Vertical list subscriptions.

Browse source
This commit is contained in:
Matthew Crossman 2021-01-30 21:21:54 +11:00
parent ef5a1cd66e
commit dc2030e6f3
No known key found for this signature in database
GPG key ID: C6B942B019794CC2
9 changed files with 58 additions and 27 deletions
Download patch file Download diff file Expand all files Collapse all files

50
static/style.css
View file

@ -84,7 +84,7 @@ nav {
font-size: 20px;
z-index: 1;
z-index: 2;
top: 0;
padding: 5px 15px;
min-height: 40px;
@ -256,28 +256,49 @@ aside {
/* Subscribed subreddit list */
#subscriptions {
#subscriptions_container {
display: flex;
max-width: 1000px;
margin: 0 auto;
align-items: center;
padding: 10px 20px;
}
.wide #subscriptions {
#subscriptions_container.narrow {
max-width: 750px;
}
.wide #subscriptions_container, .wide #subscriptions_container.narrow {
max-width: calc(100% - 40px);
}
#subscriptions {
display: inline-block;
position: relative;
border-radius: 5px;
background-color: var(--outside);
align-items: center;
box-sizing: border-box;
}
#subscriptions > summary {
padding: 10px 20px 10px 15px;
}
#sub_list {
position: absolute;
display: flex;
min-width: 100%;
border-radius: 5px;
box-shadow: var(--shadow);
background: var(--outside);
display: flex;
flex-direction: column;
overflow: auto;
z-index: 1;
}
#sub_list > a {
padding: 10px 20px;
transition: 0.2s background;
}
#sub_list > .selected {
@ -285,6 +306,10 @@ aside {
color: var(--foreground);
}
#sub_list > a:not(.selected):hover {
background-color: var(--foreground);
}
/* Wiki Pages */
#wiki {
@ -505,10 +530,6 @@ a.search_subreddit:hover {
.post:not(:last-child) { margin-bottom: 10px; }
.post.highlighted {
margin: 20px 0;
}
.post:hover {
background: var(--foreground);
}
@ -1022,9 +1043,16 @@ td, th {
width: calc(100% - 20px);
}
#sub_list {
#subscriptions_container {
padding: 10px;
max-width: 100%;
justify-content: center;
}
#subscriptions { position: unset; }
#sub_list {
left: 10px;
right: 10px;
min-width: auto;
}
aside, #subreddit, #user {