From b1071e9579586bc7b2660c33bcf2d7c5cbbdbcbe Mon Sep 17 00:00:00 2001 From: spikecodes <19519553+spikecodes@users.noreply.github.com> Date: Sun, 20 Dec 2020 21:49:31 -0800 Subject: [PATCH] Switch Sorting System to Dropdown --- static/style.css | 30 ++++++++++++++++++++++-------- templates/base.html | 12 ++---------- templates/popular.html | 14 ++++++++------ templates/post.html | 19 ++++++++++--------- templates/subreddit.html | 12 +++++++----- templates/user.html | 12 +++++++----- 6 files changed, 56 insertions(+), 43 deletions(-) diff --git a/static/style.css b/static/style.css index 85b0265..468db81 100644 --- a/static/style.css +++ b/static/style.css @@ -15,10 +15,12 @@ color: white; font-family: sans-serif; font-weight: normal; + outline: none; } body { background: var(--background); + visibility: visible !important; } nav { @@ -126,11 +128,23 @@ a:not(.post_right):hover { /* Sorting */ #sort { - max-width: 750px; - margin: 20px -10px; - display: flex; - justify-content: start; - padding: 0px 10px; + background: var(--outside); + box-shadow: var(--black-contrast); + border: 0px; + padding: 0px 15px; + margin: 20px 0px; + height: 40px; + font-size: 15px; + border-radius: 5px 0px 0px 5px; + appearance: none; +} + +#sort_submit { + background: var(--highlighted); + border: 0px; + font-size: 15px; + height: 40px; + border-radius: 0px 5px 5px 0px; } #sort > div, footer > a { @@ -270,6 +284,7 @@ a:not(.post_right):hover { border-radius: 5px; display: flex; font-size: 15px; + padding: 5px; } .comment_left, .comment_right { @@ -361,9 +376,8 @@ a:not(.post_right):hover { color: aqua; } -.reply { - margin-top: 0; - margin-left: 2em; +.replies > .comment { + margin-left: -20px; } .datetime { diff --git a/templates/base.html b/templates/base.html index b9fe72a..e383080 100644 --- a/templates/base.html +++ b/templates/base.html @@ -4,22 +4,14 @@ {% block head %} {% block title %}Libreddit{% endblock %} - + - {% block sortstyle %} - - {% endblock %} {% endblock %} - + {% block navbar %}