From 7a57409f7d913a8a9c7d3e31779e4b6266777503 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Daniel=20Calvi=C3=B1o=20S=C3=A1nchez?= Date: Wed, 21 Nov 2018 15:21:22 +0100 Subject: [PATCH] Do not show tab headers marked as hidden MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Tab headers that should not be shown are marked with the "hidden" CSS class. The CSS rules set "display: none" for ".hidden" elements, but as the rules for ".tabHeaders .tabHeader" are more specific than rules for ".hidden" the "display" property is overriden and ends being "flex". Therefore, it is necessary to explicitly set a rule for ".tabHeaders .tabHeader.hidden" elements. Signed-off-by: Daniel Calviño Sánchez --- core/css/apps.scss | 4 ++++ 1 file changed, 4 insertions(+) diff --git a/core/css/apps.scss b/core/css/apps.scss index b9c2b50c6f..07ff0d9ea5 100644 --- a/core/css/apps.scss +++ b/core/css/apps.scss @@ -805,6 +805,10 @@ $min-content-width: $breakpoint-mobile - $navigation-width - $list-min-width; margin-bottom: 1px; padding: 5px; + &.hidden { + display: none; + } + /* Use same amount as sidebar padding */ &:first-child { padding-left: 15px;