From dbbb077c190a59f752b2a345df93cea010e464c8 Mon Sep 17 00:00:00 2001 From: Mashiro Date: Thu, 21 Oct 2021 12:24:34 +0800 Subject: [PATCH] [Glitch] Enhance dashboard styles Port b58d32cfe259d95ef28a61cbd863336350f2a3d9 to glitch-soc Signed-off-by: Claire --- app/javascript/flavours/glitch/styles/admin.scss | 8 ++++++++ app/javascript/flavours/glitch/styles/dashboard.scss | 4 ++++ 2 files changed, 12 insertions(+) diff --git a/app/javascript/flavours/glitch/styles/admin.scss b/app/javascript/flavours/glitch/styles/admin.scss index 24618c29f2a..bfb09aa0afd 100644 --- a/app/javascript/flavours/glitch/styles/admin.scss +++ b/app/javascript/flavours/glitch/styles/admin.scss @@ -936,6 +936,13 @@ a.name-tag, } .retention { + overflow: auto; + + > h4 { + position: sticky; + left: 0; + } + &__table { &__number { color: $secondary-text-color; @@ -1034,6 +1041,7 @@ a.name-tag, &__graph { position: absolute; bottom: 0; + width: 100%; svg { display: block; diff --git a/app/javascript/flavours/glitch/styles/dashboard.scss b/app/javascript/flavours/glitch/styles/dashboard.scss index cad5a105be7..5e900e8c513 100644 --- a/app/javascript/flavours/glitch/styles/dashboard.scss +++ b/app/javascript/flavours/glitch/styles/dashboard.scss @@ -61,6 +61,10 @@ grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr); grid-gap: 10px; + @media screen and (max-width: 1350px) { + grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); + } + &__item { &--span-double-column { grid-column: span 2;