Alignements in the top menu

cuzy-app · Nov 9, 2024 · 55b0588 · 55b0588
1 parent 980b2ee
commit 55b0588
Show file tree

Hide file tree

Showing 4 changed files with 12 additions and 5 deletions.
diff --git a/docs/CHANGELOG.md b/docs/CHANGELOG.md
@@ -9,6 +9,8 @@ Unreleased
 - Fix: Bottom menu on mobile: when "Hide the text of the bottom menu buttons" is enabled, long texts are truncated
 - Enh: use `--hh-ct-font-size` CSS variable for buttons
 - Fix: Border radius of top left and right cards
+- Fix: Vertical alignment of the search button in the top menu
+- Fix: Ensure that the notification and messenger unread counter is round when it contains only one digit
 
 2.1.0 (October 18, 2024)
 --------------------

diff --git a/themes/Clean/css/theme.css b/themes/Clean/css/theme.css
diff --git a/themes/Clean/css/theme.css.map b/themes/Clean/css/theme.css.map
diff --git a/themes/Clean/less/humhub/topbar.less b/themes/Clean/less/humhub/topbar.less
@@ -179,6 +179,8 @@
                 position: absolute;
                 top: 4px;
                 right: -2px;
+                padding: 4px;
+                min-width: 18px; // Insure that the label is round when only 1 digit
             }
 
             .dropdown-menu {
@@ -328,10 +330,9 @@
         }
 
         #search-menu {
-            display: inline-block;
+            display: block;
             height: auto;
-            padding: 5px 10px;
-            margin: 10px 2px;
+            padding: 8px 10px;
             color: var(--hh-ct-top-menu-text-color);
 
             &:hover,
@@ -342,6 +343,10 @@
                 text-decoration: none;
                 border-bottom: none;
             }
+
+            i {
+                margin-bottom: 0;
+            }
         }