takahiros před 6 roky
rodič
revize
e768705b57
1 změnil soubory, kde provedl 7 přidání a 6 odebrání
  1. 7 6
      src/client/styles/scss/_layout.scss

+ 7 - 6
src/client/styles/scss/_layout.scss

@@ -107,6 +107,7 @@ $nav-main-left-tab-width: 95px;
 
 
 .nav.nav-tabs {
 .nav.nav-tabs {
   .nav-main-left-tab {
   .nav-main-left-tab {
+    $active-tab-border-width: 1px;
     position: relative;
     position: relative;
     min-width: $nav-main-left-tab-width;
     min-width: $nav-main-left-tab-width;
     text-align: center;
     text-align: center;
@@ -115,17 +116,17 @@ $nav-main-left-tab-width: 95px;
       padding-left: 0;
       padding-left: 0;
     }
     }
     &.active {
     &.active {
-      border-top: 1px solid $grw-line-light-gray;
-      border-right: 1px solid $grw-line-light-gray;
-      border-left: 1px solid $grw-line-light-gray;
+      border: $active-tab-border-width solid $grw-line-light-gray;
+      border-bottom: initial;
     }
     }
     &.active::before {
     &.active::before {
-      // TODO activeを移動できるようにするべき
+      // TODO:Active class must be switching by user control.
       position: absolute;
       position: absolute;
-      top: 40px;
+      top: 100%;
       left: 0;
       left: 0;
       display: block;
       display: block;
-      width: $nav-main-left-tab-width - 2px;
+      // border for tab is hidden as inner width white border, and then become unevenness.
+      width: $nav-main-left-tab-width - $active-tab-border-width * 2;
       content: '';
       content: '';
       border-bottom: 3px solid white;
       border-bottom: 3px solid white;
     }
     }