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

Display sub list from list in cookie.

Browse Source 
Very basic sub list setup. Cookie must be manually added in devtools.
This commit is contained in:
Matthew Crossman
2021-01-30 16:00:55 +11:00
parent 49a6168607
commit 75bbcefbec
10 changed files with 95 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

48
static/style.css
View File

@ -68,6 +68,7 @@ pre, form, fieldset, table, th, td, select, input {
body {
background: var(--background);
font-size: 15px;
padding-top: 60px;
}
nav {
@ -108,7 +109,7 @@ main {
justify-content: center;
max-width: 1000px;
padding: 10px 20px;
margin: 60px auto 20px auto
margin: 0 auto;
}
.wide main {
@ -232,6 +233,45 @@ aside {
color: var(--accent);
}
/* Subscriptions/Favorites */
#sub_subscription {
margin-top: 30px;
}
#sub_subscription > a {
padding: 10px 20px;
border-radius: 5px;
color: var(--foreground);
}
#sub_subscription > .add { color: var(--foreground); background-color: var(--accent); }
#sub_subscription > .remove { color: var(--text); background-color: var(--highlighted); }
#sub_list {
display: flex;
align-items: center;
justify-content: center;
padding: 10px 20px;
}
#subs {
border-radius: 5px;
box-shadow: var(--shadow);
background: var(--outside);
display: flex;
overflow: auto;
}
#subs a {
padding: 10px 20px;
}
#subs > .selected {
background-color: var(--accent);
color: var(--foreground);
}
/* Wiki Pages */
#wiki {
@ -954,10 +994,12 @@ td, th {
}
@media screen and (max-width: 800px) {
body { padding-top: 100px }
main {
flex-direction: column-reverse;
padding: 10px;
margin: 100px 0 10px 0;
margin: 0 0 10px 0;
max-width: 100%;
}
@ -967,6 +1009,8 @@ td, th {
width: calc(100% - 20px);
}
#sub_list { padding: 10px; }
aside, #subreddit, #user {
margin: 0;
max-width: 100%;