From a3dd2deda38bb4f8fb8155ce2de1a6715acd31ea Mon Sep 17 00:00:00 2001 From: Thibaut Girka Date: Tue, 31 Jul 2018 23:05:23 +0200 Subject: [PATCH] [Glitch] Do not hide hashtag timeline in mobile view, make it full-window Port 13ac8ca66ab01c92e4ebcc7221efb3d474c9fd0b to glitch-soc --- .../flavours/glitch/styles/about.scss | 32 ++++++++++++------- 1 file changed, 20 insertions(+), 12 deletions(-) diff --git a/app/javascript/flavours/glitch/styles/about.scss b/app/javascript/flavours/glitch/styles/about.scss index c9c0e3081a..42344d29a5 100644 --- a/app/javascript/flavours/glitch/styles/about.scss +++ b/app/javascript/flavours/glitch/styles/about.scss @@ -1094,6 +1094,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%; @@ -1125,23 +1140,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; + } } } }