Skip to content

Commit f569674

Browse files
committed
Fix notification and stopwatch empty states
Previous solution was relying on fomantic selector `.ui.label.hidden` to hide the elements in their empty state, but this doesn't work any more with the removal of the `label` class. Instead, introduce a standalone CSS rule for the `hidden` class, which is universally usable as a single class. We can unfortunately not use the existing `hide` class because without the `!important`, it does not have enough specificity to win against fomantic's `.ui.menu:not(.vertical) .item {display: flex}` rule.
1 parent affdd40 commit f569674

File tree

1 file changed

+5
-0
lines changed

1 file changed

+5
-0
lines changed

web_src/less/_base.less

+5
Original file line numberDiff line numberDiff line change
@@ -1815,6 +1815,11 @@ footer {
18151815
}
18161816
}
18171817

1818+
/* same class as used by fomantic ui, but as a standalone selector */
1819+
.hidden {
1820+
display: none !important;
1821+
}
1822+
18181823
.center:not(.popup) {
18191824
text-align: center;
18201825
}

0 commit comments

Comments
 (0)