ar
/
mastodon
forked from treehouse/mastodon
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Do not hide hashtag timeline in mobile view, make it full-window (#8093)

rebase/4.0.0rc2
Eugen Rochko 2018-07-31 02:54:25 +02:00 committed by GitHub
parent 60df87f6f0
commit 13ac8ca66a
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 20 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

32
app/javascript/styles/mastodon/about.scss
View File

@ -1115,6 +1115,21 @@ $small-breakpoint: 960px;
} }
&.tag-page { &.tag-page {
@media screen and (max-width: $column-breakpoint) {
padding: 0;
.container {
padding: 0;
}
#mastodon-timeline {
display: block;
width: 100vw;
height: 100vh;
border-radius: 0;
}
}
.grid { .grid {
@media screen and (min-width: $small-breakpoint) { @media screen and (min-width: $small-breakpoint) {
grid-template-columns: 33% 67%; grid-template-columns: 33% 67%;
@ -1146,23 +1161,16 @@ $small-breakpoint: 960px;
@media screen and (max-width: $column-breakpoint) { @media screen and (max-width: $column-breakpoint) {
.grid { .grid {
.column-1 { grid-gap: 0;
grid-column: 1;
grid-row: 2;
}
.column-2 { .column-1 {
grid-column: 1; grid-column: 1;
grid-row: 1; grid-row: 1;
} }
}
.brand { .column-2 {
margin: 0; display: none;
} }
.landing-page__features {
display: none;
} }
} }
} }