Explorar o código

nav tab optimization

takahiros %!s(int64=6) %!d(string=hai) anos
pai
achega
c5c9f0df64
Modificáronse 1 ficheiros con 4 adicións e 9 borrados
  1. 4 9
      src/client/styles/scss/_override-bootstrap.scss

+ 4 - 9
src/client/styles/scss/_override-bootstrap.scss

@@ -23,17 +23,16 @@
 }
 
 //** override bootstrap nav nav-tabs nav-item
-@mixin grw-nav-tab-set($nav-main-left-tab-width: 95px) {
+@mixin grw-nav-tab-set($min-width: initial, $padding-x: 1em) {
   position: relative;
-  min-width: $nav-main-left-tab-width;
-  padding: auto;
+  min-width: $min-width;
   text-align: center;
   $active-tab-border-width: 1px;
   $active-tab-border-bg: white;
   a {
     display: block;
     height: $nav-main-tab-height;
-    padding: ($nav-main-tab-height - $nav-main-tab-font-size)/2 0;
+    padding: ($nav-main-tab-height - $nav-main-tab-font-size)/2 $padding-x;
     font-size: $nav-main-tab-font-size;
   }
   &.active {
@@ -47,7 +46,7 @@
     bottom: 0;
     left: 0;
     display: block;
-    width: $nav-main-left-tab-width - $active-tab-border-width * 2;
+    width: 100%;
     content: '';
     border-bottom: $active-tab-border-width solid $active-tab-border-bg;
   }
@@ -56,7 +55,3 @@
 .nav.nav-tabs > .nav-item {
   @include grw-nav-tab-set;
 }
-
-.nav.nav-tabs.grw-nav-tabs-wide > .nav-item {
-  @include grw-nav-tab-set($nav-main-left-tab-width: 145px);
-}