This commit is contained in:
Matthew Crossman 2021-01-18 11:24:49 +11:00
commit 899a414cf6
No known key found for this signature in database
GPG Key ID: 218BF1ABB2AABA24
2 changed files with 18 additions and 37 deletions

View File

@ -78,15 +78,15 @@ This section outlines how Libreddit compares to Reddit.
### Speed ### 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)). 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 | | | Libreddit | Reddit |
|---------------------|---------------|-----------| |------------------------|---------------|-----------|
| Requests | 22 | 70 | | Requests | 20 | 70 |
| Resource Size | 135 KiB | 2,222 KiB | | Resource Size (card ui)| 1,224 KiB | 1,690 KiB |
| Time to Interactive | **1.7 s** | **11.5 s**| | Time to Interactive | **1.5 s** | **11.2 s**|
### Privacy ### Privacy

View File

@ -292,6 +292,10 @@ aside {
/* Sorting and Search */ /* Sorting and Search */
select, #search, #sort_options, #inside, #searchbox > *, #sort_submit {
height: 40px;
}
.search_label { .search_label {
max-width: 300px; max-width: 300px;
overflow: hidden; overflow: hidden;
@ -307,7 +311,7 @@ select {
select, #search { select, #search {
border: none; border: none;
padding: 0 15px; padding: 0 15px;
height: 40px;
appearance: none; appearance: none;
-webkit-appearance: none; -webkit-appearance: none;
-moz-appearance: none; -moz-appearance: none;
@ -321,10 +325,7 @@ select, #search {
border-radius: 5px; border-radius: 5px;
} }
#searchbox > *, #sort_submit { #searchbox > *, #sort_submit { background: var(--highlighted); }
background: var(--highlighted);
height: 40px;
}
#search { #search {
border-right: 2px var(--outside) solid; border-right: 2px var(--outside) solid;
@ -336,7 +337,6 @@ select, #search {
display: flex; display: flex;
align-items: center; align-items: center;
border-right: 2px var(--outside) solid; border-right: 2px var(--outside) solid;
height: 40px;
padding: 0 10px; padding: 0 10px;
} }
@ -391,10 +391,6 @@ input[type="submit"]:hover, button.submit:hover {
background: transparent; background: transparent;
} }
#sort_options {
height: 40px;
}
#sort, #search_sort { #sort, #search_sort {
display: flex; display: flex;
align-items: center; align-items: center;
@ -785,13 +781,8 @@ a.search_subreddit:hover {
overflow: hidden; overflow: hidden;
} }
.compact .post.highlighted { .compact .post.highlighted { border-radius: 5px; }
border-radius: 5px; .compact .post:not(:last-of-type):not(.highlighted):not(.stickied) { border-bottom: 0; }
}
.compact .post:not(:last-of-type):not(.highlighted):not(.stickied) {
border-bottom: 0;
}
.compact .post_score { .compact .post_score {
padding-top: 15px; padding-top: 15px;
@ -975,21 +966,11 @@ td, th {
font-size: 14px; font-size: 14px;
} }
.post_score::before { .post_score::before { content: "↑" }
content: "↑" .post:hover > .post_score { background: unset; }
}
.post:hover > .post_score { .post_header { font-size: 14px; }
background: unset; .post_footer { margin-left: 15px; }
}
.post_header {
font-size: 14px;
}
.post_footer {
margin-left: 15px;
}
.replies > .comment { .replies > .comment {
margin-left: -25px; margin-left: -25px;