feat(megamenu): improve links style in mega-menu-panel

Orange-OpenSource · Jul 2, 2019 · b9d1d14 · b9d1d14
1 parent e3aea5e
commit b9d1d14
Show file tree

Hide file tree

Showing 3 changed files with 81 additions and 74 deletions.
diff --git a/scss/_o-megamenu.scss b/scss/_o-megamenu.scss
@@ -5,23 +5,29 @@
 
 .mega-menu {
   overflow: hidden;
-}
 
-.mega-menu > .navbar-nav {
-  transition: transform .5s;
-  transform: translateX(0);
+  > .navbar-nav {
+    transition: transform .5s;
+    transform: translateX(0);
+  }
 }
 
-.mega-menu-panel > .navbar-nav,
-.mega-menu-panel > .container > .navbar-nav {
-  flex-direction: column;
-}
+.mega-menu-panel {
+  .navbar-nav {
+    flex-direction: column;
+
+    .navbar-nav {
+      position: absolute;
+      top: 0;
+      left: 100%;
+      display: none;
+      width: 100%;
+    }
+  }
 
-.mega-menu-panel > .navbar-nav .navbar-nav,
-.mega-menu-panel > .container > .navbar-nav .navbar-nav {
-  position: absolute;
-  top: 0;
-  left: 100%;
-  display: none;
-  width: 100%;
+  .container {
+    @include media-breakpoint-down(lg) {
+      max-width: 100%;
+    }
+  }
 }
diff --git a/scss/_o-navbar.scss b/scss/_o-navbar.scss
@@ -49,7 +49,7 @@
   min-height: $navbar-supra-height;
   padding-top: 0;
   padding-bottom: 0;
-  border-bottom: 1px solid $gray-900;
+  border-bottom: 1px solid $gray-700;
 
   > .container,
   > .container .navbar-nav {
@@ -148,15 +148,6 @@
             a[data-toggle="collapse"] {
               display: none;
             }
-
-            > .navbar-nav > .nav-item {
-              padding: 0;
-              border: 0;
-            }
-
-            > .navbar-nav .navbar-nav .nav-item:last-child {
-              border-bottom: 1px solid #333;
-            }
           }
         }
       }
@@ -183,7 +174,7 @@
           width: 100%;
           padding: 1rem 0;
           background-color: #000;
-          border-top: 1px solid #333;
+          border-top: 1px solid $gray-700;
 
           a[data-toggle="collapse"] {
             display: block;
@@ -217,6 +208,8 @@
             margin-right: .625rem;
             margin-bottom: 1rem;
             font-size: 1.25rem;
+            border-bottom: 1px solid $gray-700;
+
           }
 
           > .container > .navbar-nav .navbar-nav {
@@ -228,7 +221,7 @@
 
           > .container > .navbar-nav .navbar-nav .nav-link {
             padding: 0;
-            line-height: 1.25rem;
+            line-height: 1.75rem;
             outline-offset: 1px;
           }