shows the titles of the buttons (#2262)

* shows the titles of the buttons

* Update navbar.css
This commit is contained in:
Ludy 2024-11-17 13:33:41 +01:00 committed by GitHub
parent d1e690ff8d
commit 44abc67678
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
2 changed files with 16 additions and 4 deletions

View File

@ -140,7 +140,7 @@ span.icon-text::after {
position: relative;
}
.tooltip-text {
/* .tooltip-text {
visibility: hidden;
background-color: rgb(71 67 67 / 80%);
color: #fff;
@ -162,7 +162,7 @@ span.icon-text::after {
.nav-item:hover .tooltip-text {
visibility: visible;
opacity: 1;
}
} */
.dropdown-menu.scrollable-y {
overflow-y: scroll;
@ -324,6 +324,18 @@ span.icon-text::after {
margin-top: 0;
}
/* .icon-hide {
display: none;
} */
}
@media (max-width:1199px) {
.icon-hide {
display: inline-flex;
}
}
@media (min-width:1200px) {
.icon-hide {
display: none;
}

View File

@ -330,7 +330,7 @@
<span class="material-symbols-rounded" id="dark-mode-icon">
dark_mode
</span>
<span class="icon-text icon-hide tooltip-text" id="dark-mode-text" th:data-text="#{navbar.darkmode}" th:text="#{navbar.darkmode}"></span>
<span class="icon-text icon-hide" id="dark-mode-text" th:data-text="#{navbar.darkmode}" th:text="#{navbar.darkmode}"></span>
</a>
</li>
<li class="nav-item dropdown">
@ -380,7 +380,7 @@
<span class="material-symbols-rounded">
settings
</span>
<span class="icon-text icon-hide tooltip-text" th:data-text="#{navbar.settings}" th:text="#{navbar.settings}"></span>
<span class="icon-text icon-hide" th:data-text="#{navbar.settings}" th:text="#{navbar.settings}"></span>
</a>
</li>
</ul>