mirrors/redlib
1
0
Fork 0
mirror of https://github.com/redlib-org/redlib.git synced 2025-04-03 04:57:38 +03:00
Code Issues Projects Releases Packages Wiki Activity

Improve post information widget of user comments for devices under 480px width (#183)

Browse source 
* Fix user comment post link disappearing when < 480px

* Improve user comment metadata design for mobile

* Remove formerly unused CSS class style

The prior commit introduced the usage of the `comment_subreddit` class
to identify the subreddit that the reddit user posted the comment on.

However, this class came with a legacy style within the CSS file that was
previously not used anywhere within the current day Redlib

As such this style has been removed.
This commit is contained in:
syeopite 2024-07-18 01:27:13 +00:00 • committed by GitHub
parent 4f21388643
commit c890e809b7
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
2 changed files with 32 additions and 9 deletions
Download patch file Download diff file Expand all files Collapse all files

30
static/style.css
View file

@ -1233,10 +1233,6 @@ a.search_subreddit:hover {
font-weight: bold;
}
.comment_subreddit {
font-weight: bold;
}
.comment_score {
color: var(--accent);
background: var(--foreground);
@ -1346,6 +1342,15 @@ summary.comment_data {
cursor: pointer;
}
.user_comment_data_divider {
display: flex;
align-items: center;
}
.user_comment_data_divider .dot {
display: none;
}
.moderator, .admin { opacity: 1; }
.op, .moderator, .admin { font-weight: bold; }
@ -1758,8 +1763,23 @@ td, th {
.comment_right { padding: 5px 0 10px 2px; }
.comment_author { margin-left: 12px; }
.comment_data { margin-left: 12px; }
.user-comment .comment_data {
flex-direction: column;
flex-wrap: wrap;
row-gap: 5px;
}
.comment_data::marker { font-size: 25px; }
.created { width: 100%; }
.user-comment .comment_data > .comment_link { order: 2 }
.user_comment_data_divider { order: 1; }
.user_comment_data_divider .dot {
display: unset;
margin-left: 5px;
}
.created-in { display: none; }
.comment_score {
min-width: 32px;