michael/pyfedi
1
0
Fork 0
mirror of https://codeberg.org/rimu/pyfedi synced 2025-02-03 00:31:25 -08:00
Code Issues Projects Releases Packages Wiki Activity Actions

masonry visual improvements

Browse source
This commit is contained in:
rimu 2024-01-31 20:35:47 +13:00
parent a3777e7ff8
commit 9d96436992
2 changed files with 20 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

13
app/static/structure.css
View file

@ -709,14 +709,25 @@ fieldset legend {
} }
.post_list_masonry .post_teaser .masonry_info .row .col a, .post_list_masonry_wide .post_teaser .masonry_info .row .col a { .post_list_masonry .post_teaser .masonry_info .row .col a, .post_list_masonry_wide .post_teaser .masonry_info .row .col a {
color: white; color: white;
padding-top: 6px;
}
@media (min-width: 1280px) {
.post_list_masonry .post_teaser .masonry_info .row .col a, .post_list_masonry_wide .post_teaser .masonry_info .row .col a {
padding-top: 0;
}
} }
.post_list_masonry .post_teaser .masonry_info .row .col .upvote_button, .post_list_masonry .post_teaser .masonry_info .row .col .downvote_button, .post_list_masonry_wide .post_teaser .masonry_info .row .col .upvote_button, .post_list_masonry_wide .post_teaser .masonry_info .row .col .downvote_button { .post_list_masonry .post_teaser .masonry_info .row .col .upvote_button, .post_list_masonry .post_teaser .masonry_info .row .col .downvote_button, .post_list_masonry_wide .post_teaser .masonry_info .row .col .upvote_button, .post_list_masonry_wide .post_teaser .masonry_info .row .col .downvote_button {
display: inline; display: inline;
color: white; color: white;
padding-top: 5px; padding-top: 10px;
width: 50%; width: 50%;
position: relative; position: relative;
} }
@media (min-width: 1280px) {
.post_list_masonry .post_teaser .masonry_info .row .col .upvote_button, .post_list_masonry .post_teaser .masonry_info .row .col .downvote_button, .post_list_masonry_wide .post_teaser .masonry_info .row .col .upvote_button, .post_list_masonry_wide .post_teaser .masonry_info .row .col .downvote_button {
padding-top: 5px;
}
}
.post_list_masonry .post_teaser .masonry_info .row .col .upvote_button .htmx-indicator, .post_list_masonry .post_teaser .masonry_info .row .col .downvote_button .htmx-indicator, .post_list_masonry_wide .post_teaser .masonry_info .row .col .upvote_button .htmx-indicator, .post_list_masonry_wide .post_teaser .masonry_info .row .col .downvote_button .htmx-indicator { .post_list_masonry .post_teaser .masonry_info .row .col .upvote_button .htmx-indicator, .post_list_masonry .post_teaser .masonry_info .row .col .downvote_button .htmx-indicator, .post_list_masonry_wide .post_teaser .masonry_info .row .col .upvote_button .htmx-indicator, .post_list_masonry_wide .post_teaser .masonry_info .row .col .downvote_button .htmx-indicator {
position: absolute; position: absolute;
width: 20px; width: 20px;

9
app/static/structure.scss
View file

@ -337,12 +337,19 @@ nav, etc which are used site-wide */
a { a {
color: white; color: white;
padding-top: 6px;
@include breakpoint(laptop) {
padding-top: 0;
}
} }
.upvote_button, .downvote_button { .upvote_button, .downvote_button {
display: inline; display: inline;
color: white; color: white;
padding-top: 5px; padding-top: 10px;
@include breakpoint(laptop) {
padding-top: 5px;
}
width: 50%; width: 50%;
position: relative; position: relative;