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>
This commit is contained in:
Daniel Calviño Sánchez 2018-11-21 15:21:22 +01:00
parent b7767a51f1
commit 7a57409f7d
1 changed files with 4 additions and 0 deletions

View File

@ -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;