From 44abc67678e66a06592c4d6a69fa92ba44f7c303 Mon Sep 17 00:00:00 2001
From: Ludy <Ludy87@users.noreply.github.com>
Date: Sun, 17 Nov 2024 13:33:41 +0100
Subject: [PATCH] shows the titles of the buttons (#2262)

* shows the titles of the buttons

* Update navbar.css
---
 src/main/resources/static/css/navbar.css         | 16 ++++++++++++++--
 .../resources/templates/fragments/navbar.html    |  4 ++--
 2 files changed, 16 insertions(+), 4 deletions(-)

diff --git a/src/main/resources/static/css/navbar.css b/src/main/resources/static/css/navbar.css
index 23fe0e27c..a437f0ecc 100644
--- a/src/main/resources/static/css/navbar.css
+++ b/src/main/resources/static/css/navbar.css
@@ -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;
   }
diff --git a/src/main/resources/templates/fragments/navbar.html b/src/main/resources/templates/fragments/navbar.html
index 9569dc77a..d9dfa69bd 100644
--- a/src/main/resources/templates/fragments/navbar.html
+++ b/src/main/resources/templates/fragments/navbar.html
@@ -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>