From 13ac8ca66ab01c92e4ebcc7221efb3d474c9fd0b Mon Sep 17 00:00:00 2001 From: Eugen Rochko Date: Tue, 31 Jul 2018 02:54:25 +0200 Subject: [PATCH] Do not hide hashtag timeline in mobile view, make it full-window (#8093) --- app/javascript/styles/mastodon/about.scss | 32 ++++++++++++++--------- 1 file changed, 20 insertions(+), 12 deletions(-) diff --git a/app/javascript/styles/mastodon/about.scss b/app/javascript/styles/mastodon/about.scss index fefb03407..b9544bb33 100644 --- a/app/javascript/styles/mastodon/about.scss +++ b/app/javascript/styles/mastodon/about.scss @@ -1115,6 +1115,21 @@ $small-breakpoint: 960px; } &.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 { @media screen and (min-width: $small-breakpoint) { grid-template-columns: 33% 67%; @@ -1146,23 +1161,16 @@ $small-breakpoint: 960px; @media screen and (max-width: $column-breakpoint) { .grid { - .column-1 { - grid-column: 1; - grid-row: 2; - } + grid-gap: 0; - .column-2 { + .column-1 { grid-column: 1; grid-row: 1; } - } - .brand { - margin: 0; - } - - .landing-page__features { - display: none; + .column-2 { + display: none; + } } } }