8fa54d0fda
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.
Followup and fixes regression from
https://github.com/go-gitea/gitea/pull/22169.
Before:
<img width="98" alt="image"
src="https://user-images.githubusercontent.com/115237/217959380-d3279ff3-526a-4ac4-9a18-3ab7c9ae91dd.png">
After:
<img width="77" alt="image"
src="https://user-images.githubusercontent.com/115237/217959463-44852716-cb25-4110-8481-668842ad4454.png">
|
||
|---|---|---|
| .. | ||
| chroma | ||
| code | ||
| codemirror | ||
| console | ||
| features | ||
| markup | ||
| modules | ||
| shared | ||
| standalone | ||
| themes | ||
| _actions.less | ||
| _admin.less | ||
| _base.less | ||
| _dashboard.less | ||
| _editor.less | ||
| _explore.less | ||
| _font_i18n.less | ||
| _form.less | ||
| _home.less | ||
| _install.less | ||
| _organization.less | ||
| _package.less | ||
| _repository.less | ||
| _review.less | ||
| _runner.less | ||
| _svg.less | ||
| _tribute.less | ||
| _user.less | ||
| animations.less | ||
| helpers.less | ||
| index.less | ||
| variables.less | ||
