github
/
AdminLTE
mirror of https://github.com/ColorlibHQ/AdminLTE
1
0
Fork 0
Code Issues Releases Wiki Activity

overhauled a bit the card header with nav tabs style

pull/2256/head
REJack 2019-09-21 09:58:03 +02:00
parent ffc0c92678
commit c78169c3f7
No known key found for this signature in database
GPG Key ID: 9F3976CC630CC888
2 changed files with 35 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
build/scss/_cards.scss
View File

@ -354,3 +354,13 @@ html.maximized-card {
@each $name, $color in $colors { @each $name, $color in $colors {
@include cards-variant($name, $color); @include cards-variant($name, $color);
} }
// Nav Tabs override
.card-default {
.nav-item {
&:first-child .nav-link {
border-left: 0;
}
}
}

26
build/scss/_mixins.scss
View File

@ -22,19 +22,43 @@
} }
} }
&.card-outline { &.card-outline {
border-top: 3px solid $color; border-top: 3px solid $color;
.nav-item {
border-bottom: 0;
&:first-child .nav-link {
margin-left: -1px;
border-left: 0;
}
}
} }
&.card-outline-tabs { &.card-outline-tabs {
border-top: 0; border-top: 0;
> .card-header { > .card-header {
.nav-item {
&:first-child .nav-link {
margin-left: -1px;
border-left: 0;
}
}
a { a {
border-top: 3px solid transparent; border-top: 3px solid transparent;
&:hover {
border-top: $nav-tabs-border-width solid $nav-tabs-border-color;
margin-top: 2px;
}
&.active { &.active {
&:hover {
margin-top: 0;
}
border-top: 3px solid $color; border-top: 3px solid $color;
} }
} }