From dda25f7696de7823f484fdd65f2dd7f13cf06ea0 Mon Sep 17 00:00:00 2001 From: ltGuillaume Date: Wed, 20 Jan 2021 17:41:32 +0100 Subject: [PATCH 1/5] Add styling for cross-posts Add bottom spacing for nested comments Add right & bottom spacing for cross-posts --- static/css/sepia.css | 11 +++++++++-- 1 file changed, 9 insertions(+), 2 deletions(-) diff --git a/static/css/sepia.css b/static/css/sepia.css index e054f13..aedca3b 100644 --- a/static/css/sepia.css +++ b/static/css/sepia.css @@ -139,12 +139,16 @@ body.sepia #post .submitted, body.sepia #post .title .domain { color: var(--graytext); } -body.sepia #post .usertext-body { +body.sepia #post .usertext-body, +body.sepia #post .crosspost { background: var(--oddbg); border-radius: 3px; - border: none; + border: 1px solid var(--oddbg); /* .crosspost disappears with border: none */ box-shadow: 0px 0px 2px var(--shadow); } +body.sepia #post .crosspost { + padding: 0 16px 16px 0; +} body.sepia .md { color: var(--bodytext); } @@ -166,6 +170,9 @@ body.sepia .comments > .comment { border: none; border-radius: 0; } +body.sepia .comment .comment { + margin: 8px 0; +} body.sepia .comment details { padding-top: 8px; } From baf1e15e529c265bc0c48004da6f3b24e675fcaa Mon Sep 17 00:00:00 2001 From: ltGuillaume Date: Wed, 20 Jan 2021 18:35:57 +0100 Subject: [PATCH 2/5] Style quotes --- static/css/sepia.css | 27 ++++++++++++++++++--------- 1 file changed, 18 insertions(+), 9 deletions(-) diff --git a/static/css/sepia.css b/static/css/sepia.css index aedca3b..c9a3319 100644 --- a/static/css/sepia.css +++ b/static/css/sepia.css @@ -14,6 +14,8 @@ --oddborder: #616161; --evenbg: #f2f0ea; --evenborder: #919191; + --quotebg: #e9e9e9; + --quoteborder: #bdbdbd; /* Overrides */ --graytext: #616161; /* Copied from default theme */ @@ -69,7 +71,7 @@ body.sepia #links .link { background: var(--linkbg); color: var(--linktext); border-radius: 3px; - box-shadow: 0px 0px 2px var(--shadow); + box-shadow: 0 0 2px var(--shadow); } body.sepia .flair, body.sepia #links .link .entry .title span.flair, @@ -106,7 +108,7 @@ body.sepia .view-more-links a { color: var(--buttontext); border-radius: 3px; border: none; - box-shadow: 0px 0px 2px var(--shadow); + box-shadow: 0 0 2px var(--shadow); } body.sepia .view-more-links a { margin-left: 16px; @@ -122,7 +124,7 @@ body.sepia input[type="checkbox"] { body.sepia footer { margin-top: 20px; padding: 8px 0 8px 20px; - box-shadow: 0px 0px 2px var(--shadow); + box-shadow: 0 0 2px var(--shadow); } /* Search */ body.sepia #links.search { @@ -144,14 +146,11 @@ body.sepia #post .crosspost { background: var(--oddbg); border-radius: 3px; border: 1px solid var(--oddbg); /* .crosspost disappears with border: none */ - box-shadow: 0px 0px 2px var(--shadow); + box-shadow: 0 0 2px var(--shadow); } body.sepia #post .crosspost { padding: 0 16px 16px 0; } -body.sepia .md { - color: var(--bodytext); -} body.sepia #post header div a { color: var(--headerfaded); } @@ -159,12 +158,12 @@ body.sepia .comment { background: var(--oddbg); border-left: 3px solid var(--oddborder); border-radius: 3px 0 0 3px; - box-shadow: 1px 0px 1px var(--shadow); + box-shadow: 1px 0 1px var(--shadow); } body.sepia .comment.even-depth { background: var(--evenbg); border-left: 3px solid var(--evenborder); - box-shadow: 1px 0px 1px var(--shadow); + box-shadow: 1px 0 1px var(--shadow); } body.sepia .comments > .comment { border: none; @@ -179,6 +178,16 @@ body.sepia .comment details { body.sepia .comment details:not([open]) { padding-bottom: 8px; } +body.sepia .comment .body blockquote { + background: var(--quotebg); + color: var(--bodytext); + border-left: 3px solid var(--quoteborder); + border-radius: 3px; + box-shadow: 0 0 1px var(--shadow); +} +body.sepia .md { + color: var(--bodytext); +} body.sepia .md .md-spoiler-text:not(.revealed), body.sepia .md .md-spoiler-text:active:not(.revealed), body.sepia .md .md-spoiler-text:focus:not(.revealed), From da9bf3b3e0fd52b5bfb37e8cf98177ed007a274c Mon Sep 17 00:00:00 2001 From: teddit Date: Wed, 20 Jan 2021 21:33:48 +0100 Subject: [PATCH 3/5] display number of results in search --- static/css/styles.css | 4 ++++ views/search.pug | 1 + 2 files changed, 5 insertions(+) diff --git a/static/css/styles.css b/static/css/styles.css index f27b254..a401c79 100644 --- a/static/css/styles.css +++ b/static/css/styles.css @@ -1134,6 +1134,10 @@ a.sub-to-subreddit.gray { border-radius: 0px; margin-bottom: 11px; } +p.number-of-results { + font-size: 0.9rem; + margin: 0px 0px 20px 20px; +} /* REDDIT STYLES */ .md .md-spoiler-text { border-radius:2px; diff --git a/views/search.pug b/views/search.pug index 1abaab7..e5bdc1a 100644 --- a/views/search.pug +++ b/views/search.pug @@ -100,6 +100,7 @@ html if json.posts.length === 0 && !no_query p no results else + p.number-of-results results: #{json.posts.length} each link in json.posts .link .upvotes From e32b35677d74b91c98b0cf2bbf37b0b240f64f64 Mon Sep 17 00:00:00 2001 From: teddit Date: Wed, 20 Jan 2021 21:36:17 +0100 Subject: [PATCH 4/5] Revert "display number of results in search" This reverts commit da9bf3b3e0fd52b5bfb37e8cf98177ed007a274c. --- static/css/styles.css | 4 ---- views/search.pug | 1 - 2 files changed, 5 deletions(-) diff --git a/static/css/styles.css b/static/css/styles.css index a401c79..f27b254 100644 --- a/static/css/styles.css +++ b/static/css/styles.css @@ -1134,10 +1134,6 @@ a.sub-to-subreddit.gray { border-radius: 0px; margin-bottom: 11px; } -p.number-of-results { - font-size: 0.9rem; - margin: 0px 0px 20px 20px; -} /* REDDIT STYLES */ .md .md-spoiler-text { border-radius:2px; diff --git a/views/search.pug b/views/search.pug index e5bdc1a..1abaab7 100644 --- a/views/search.pug +++ b/views/search.pug @@ -100,7 +100,6 @@ html if json.posts.length === 0 && !no_query p no results else - p.number-of-results results: #{json.posts.length} each link in json.posts .link .upvotes From dc7de1eaab6243c63e35c42a8a786e9101979f34 Mon Sep 17 00:00:00 2001 From: teddit Date: Wed, 20 Jan 2021 21:57:48 +0100 Subject: [PATCH 5/5] fix missing sidebar in sepia --- static/css/sepia.css | 9 +++++++++ 1 file changed, 9 insertions(+) diff --git a/static/css/sepia.css b/static/css/sepia.css index c9a3319..9728b7a 100644 --- a/static/css/sepia.css +++ b/static/css/sepia.css @@ -60,6 +60,9 @@ body.sepia header .tabmenu li a { body.sepia header .tabmenu li.active a { color: var(--headertext); } +body.sepia #sidebar { + width: calc(25% - 45px); +} body.sepia #links { max-width: calc(100% - 32px); margin: 4px 16px; @@ -205,3 +208,9 @@ body.sepia .comments > form button { padding: 8px; cursor: pointer; } + +@media only screen and (max-width: 600px) { + body.sepia #sidebar { + width: 100%; + } +}