From 2238b7d660492c8a6a7149036e61602ba61632a8 Mon Sep 17 00:00:00 2001 From: dgtlmoon Date: Wed, 14 Jul 2021 14:46:18 +1000 Subject: [PATCH] Cleaner is to let flexbox overflow and scroll on the X where needed --- backend/static/styles/styles.css | 12 +++++++----- backend/static/styles/styles.scss | 5 +++++ 2 files changed, 12 insertions(+), 5 deletions(-) diff --git a/backend/static/styles/styles.css b/backend/static/styles/styles.css index 6a8b2fc0..51903cb1 100644 --- a/backend/static/styles/styles.css +++ b/backend/static/styles/styles.css @@ -240,11 +240,13 @@ footer { vertical-align: middle; } #top-right-menu { - position: absolute; - right: 0px; - background: linear-gradient(to right, #fff0, #fff 10%); - padding-left: 20px; - padding-right: 10px; } + /* + position: absolute; + right: 0px; + background: linear-gradient(to right, #fff0, #fff 10%); + padding-left: 20px; + padding-right: 10px; + */ } .sticky-tab { position: absolute; diff --git a/backend/static/styles/styles.scss b/backend/static/styles/styles.scss index 2bcef5ab..d8871fac 100644 --- a/backend/static/styles/styles.scss +++ b/backend/static/styles/styles.scss @@ -313,13 +313,18 @@ footer { } #top-right-menu { +// Just let flex overflow the x axis for now +/* position: absolute; right: 0px; background: linear-gradient(to right, #fff0, #fff 10%); padding-left: 20px; padding-right: 10px; + */ } + + .sticky-tab { position: absolute; top: 80px;