Unfloyded/Legamunt
0
0
Fork 0
Code Activity

Redesign public hashtag page to use a masonry layout (#9822)

Browse source
This commit is contained in:
Eugen Rochko 2019-01-16 19:47:46 +01:00 • committed by GitHub
parent 4ab42287c0
commit bc642ac24b
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
11 changed files with 392 additions and 77 deletions
Download patch file Download diff file Expand all files Collapse all files

27
app/javascript/styles/mastodon/widgets.scss
View file

@ -425,3 +425,30 @@
border-radius: 0;
}
}
$maximum-width: 1235px;
$fluid-breakpoint: $maximum-width + 20px;
.statuses-grid {
min-height: 600px;
&__item {
width: (960px - 20px) / 3;
@media screen and (max-width: $fluid-breakpoint) {
width: (940px - 20px) / 3;
}
@media screen and (max-width: $no-gap-breakpoint) {
width: 100vw;
}
}
.detailed-status {
border-radius: 4px;
@media screen and (max-width: $no-gap-breakpoint) {
border-bottom: 1px solid lighten($ui-base-color, 12%);
}
}
}