Fix wrap of very long menu items (#761)

* Fix wrap of very long menu items * Fix personal header height and dropdown menus
verdigado · Nov 12, 2024 · c923ce4 · c923ce4
1 parent c3aa716
commit c923ce4
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 7 deletions.
diff --git a/sass/_header.scss b/sass/_header.scss
@@ -291,6 +291,11 @@ body {
                 display: flex;
                 height: auto;
                 margin-right: 5px;
+                align-items: center;
+
+                @include media-breakpoint-up(md) {
+                    height: 5em;
+                }
             }
 
             > li.menu-item-has-children {

diff --git a/sass/_navigation.scss b/sass/_navigation.scss
@@ -13,12 +13,7 @@
 
                     div.dropdown-menu {
                         display: block;
-
-                        margin-top: 54px;
-
-                        &.show {
-                            margin-top: 4px;
-                        }
+                        top: calc(100% + 8px);
 
                         ul {
                             border-radius: 0;
@@ -243,6 +238,7 @@
                 margin-right: 0.5rem;
                 margin-left: 0.5rem;
                 text-align: left;
+                white-space: nowrap;
 
                 &:hover {
                     color: $secondary;
@@ -430,6 +426,10 @@
                 text-align: end;
                 border-top: 1px solid $very-light-gray;
                 padding-left: 24px;
+
+                .nav-link {
+                    white-space: normal;
+                }
             }
         }
 
@@ -447,7 +447,7 @@
             }
 
             &-item {
-                text-wrap: auto;
+                white-space: normal;
                 text-align: left;
             }
         }