Fix border issue
@@ -41,7 +41,7 @@ body.cards-pf {
.tab-container {
.nav-tabs {
- border-bottom: none;
+ border-bottom: solid 1px $pf-black-300;
li.nav-item {
margin: 0;
@@ -50,12 +50,14 @@ body.cards-pf {
border: none;
cursor: pointer;
- &.active:hover {
- background: #FFFFFF;
+ &.active, &.active:hover, &.active:focus, &.active:visited {
+ background: none;
+ border-bottom: solid 1px $pf-blue-300;
}
&:hover {
background: $pf-black-300;
+ border-bottom: solid 1px $pf-black-300;
}
}
}
