Do not show tab headers marked as hidden

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 <danxuliu@gmail.com>

diff --git a/core/css/apps.scss b/core/css/apps.scss
index b9c2b50c6f2a69533c3caf955f6c169f9172ab55..07ff0d9ea54d180ac0cd77b2ead33b291476b797 100644 (file)
--- 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;