From c1207646f4d16ae0236031e4a74a10d729136c0c Mon Sep 17 00:00:00 2001 From: REJack Date: Thu, 19 Sep 2019 09:58:24 +0200 Subject: [PATCH] fixed vertical nav-tabs border style --- build/scss/_navs.scss | 15 ++++++++++----- 1 file changed, 10 insertions(+), 5 deletions(-) diff --git a/build/scss/_navs.scss b/build/scss/_navs.scss index dec79395e..5913cb04d 100644 --- a/build/scss/_navs.scss +++ b/build/scss/_navs.scss @@ -26,34 +26,39 @@ border-right: $nav-tabs-border-width solid $nav-tabs-border-color; .nav-link { + border-bottom-left-radius: $nav-tabs-border-radius; + border-top-right-radius: 0; margin-right: -$nav-tabs-border-width; @include hover-focus { - border-color: $gray-200 $nav-tabs-border-color $gray-200 $gray-200; + border-color: $gray-200 transparent $gray-200 $gray-200; } } .nav-link.active, .nav-item.show .nav-link { - border-color: $gray-300 $nav-tabs-link-active-bg $gray-300 $gray-300; + border-color: $gray-300 transparent $gray-300 $gray-300; } &.nav-tabs-right { border-left: $nav-tabs-border-width solid $nav-tabs-border-color; border-right: 0; - .nav-link { + border-bottom-left-radius: 0; + border-bottom-right-radius: $nav-tabs-border-radius; + border-top-left-radius: 0; + border-top-right-radius: $nav-tabs-border-radius; margin-left: -$nav-tabs-border-width; @include hover-focus { - border-color: $gray-200 $gray-200 $gray-200 $nav-tabs-border-color; + border-color: $gray-200 $gray-200 $gray-200 transparent; } } .nav-link.active, .nav-item.show .nav-link { - border-color: $gray-300 $gray-300 $gray-300 $nav-tabs-link-active-bg; + border-color: $gray-300 $gray-300 $gray-300 transparent; } } }