From 89b05c7d687db5e7635b90083fd5ded0884a146f 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 d39e0ad4d5c040f6c5042247ced5cc3be0118118 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; + } } } }