Update: fix dropdown hover + icon titles on mobile

2024-05-10 15:44:54 +04:00
parent 29ec42bc35
commit 36d6c06237
30 changed files with 84 additions and 9 deletions
--- a/src/main/resources/static/css/navbar.css
+++ b/src/main/resources/static/css/navbar.css
@@ -291,11 +291,6 @@ span.icon-text::after {
  margin-top: 0 !important;
 }

-.dropdown:hover .dropdown-menu {
-  display: block;
-  margin-top: 0;
-}
-
 .dropdown-menu-wrapper {
  padding: 1.5rem 0;
  border-radius: 1rem;
@@ -310,4 +305,18 @@ span.icon-text::after {
  background-color: transparent;
  border: none;
  box-shadow: none;
+}
+
+.icon-hide {
+  display: inline-flex;
+}
+
+@media (min-width:992px) {
+  .dropdown:hover .dropdown-menu {
+    display: block;
+    margin-top: 0;
+  }
+  .icon-hide {
+    display: none;
+  }
 }