diff --git a/README.md b/README.md index a519bcd..e54eda8 100644 --- a/README.md +++ b/README.md @@ -78,15 +78,15 @@ This section outlines how Libreddit compares to Reddit. ### Speed -Lasted tested December 21, 2020. +Lasted tested Jan 17, 2021. Results from Google Lighthouse ([Libreddit Report](https://lighthouse-dot-webdotdevsite.appspot.com/lh/html?url=https%3A%2F%2Flibredd.it), [Reddit Report](https://lighthouse-dot-webdotdevsite.appspot.com/lh/html?url=https%3A%2F%2Fwww.reddit.com%2F)). -| | Libreddit | Reddit | -|---------------------|---------------|-----------| -| Requests | 22 | 70 | -| Resource Size | 135 KiB | 2,222 KiB | -| Time to Interactive | **1.7 s** | **11.5 s**| +| | Libreddit | Reddit | +|------------------------|---------------|-----------| +| Requests | 20 | 70 | +| Resource Size (card ui)| 1,224 KiB | 1,690 KiB | +| Time to Interactive | **1.5 s** | **11.2 s**| ### Privacy diff --git a/static/style.css b/static/style.css index a8b2522..364fbce 100644 --- a/static/style.css +++ b/static/style.css @@ -292,6 +292,10 @@ aside { /* Sorting and Search */ +select, #search, #sort_options, #inside, #searchbox > *, #sort_submit { + height: 40px; +} + .search_label { max-width: 300px; overflow: hidden; @@ -307,7 +311,7 @@ select { select, #search { border: none; padding: 0 15px; - height: 40px; + appearance: none; -webkit-appearance: none; -moz-appearance: none; @@ -321,10 +325,7 @@ select, #search { border-radius: 5px; } -#searchbox > *, #sort_submit { - background: var(--highlighted); - height: 40px; -} +#searchbox > *, #sort_submit { background: var(--highlighted); } #search { border-right: 2px var(--outside) solid; @@ -336,7 +337,6 @@ select, #search { display: flex; align-items: center; border-right: 2px var(--outside) solid; - height: 40px; padding: 0 10px; } @@ -391,10 +391,6 @@ input[type="submit"]:hover, button.submit:hover { background: transparent; } -#sort_options { - height: 40px; -} - #sort, #search_sort { display: flex; align-items: center; @@ -785,13 +781,8 @@ a.search_subreddit:hover { overflow: hidden; } -.compact .post.highlighted { - border-radius: 5px; -} - -.compact .post:not(:last-of-type):not(.highlighted):not(.stickied) { - border-bottom: 0; -} +.compact .post.highlighted { border-radius: 5px; } +.compact .post:not(:last-of-type):not(.highlighted):not(.stickied) { border-bottom: 0; } .compact .post_score { padding-top: 15px; @@ -975,21 +966,11 @@ td, th { font-size: 14px; } - .post_score::before { - content: "↑" - } - - .post:hover > .post_score { - background: unset; - } + .post_score::before { content: "↑" } + .post:hover > .post_score { background: unset; } - .post_header { - font-size: 14px; - } - - .post_footer { - margin-left: 15px; - } + .post_header { font-size: 14px; } + .post_footer { margin-left: 15px; } .replies > .comment { margin-left: -25px;