1
0
mirror of https://github.com/tabler/tabler.git synced 2026-07-29 14:34:37 +04:00

top navbar fixes

This commit is contained in:
chomik
2019-06-01 20:30:25 +02:00
parent e9876622ca
commit 385390124d
5 changed files with 39 additions and 124 deletions
+4 -4
View File
@@ -11,11 +11,11 @@ $icon-fonts: (
// COLORS
$full-black: rgba(0, 0, 0, 1) !default;
$light-black: rgba(0, 0, 0, .35) !default;
$min-black: rgba(135, 150, 165, .1) !default;
$full-white: rgba(255, 255, 255, 1) !default;
$light-white: rgba(255, 255, 255, .35) !default;
$min-white: rgba(255, 255, 255, .1) !default;
$light-black: rgba(0, 0, 0, .4) !default;
$light-white: rgba(255, 255, 255, .4) !default;
$min-black: rgba(135, 150, 165, .064) !default;
$min-white: rgba(255, 255, 255, .064) !default;
$gray-100: #f8f9fa !default;
$gray-200: #e9ecef !default;
+9 -58
View File
@@ -41,6 +41,15 @@
height: 2rem;
}
/**
Navbar toggler
*/
.navbar-toggler-icon {
width: 2rem;
height: 2rem;
background: red;
}
/**
Fixed navbar
*/
@@ -60,64 +69,6 @@ Fixed navbar
}
}
/**
Navbar expand
*/
@each $breakpoint, $dimension in $grid-breakpoints {
.navbar-expand-#{$breakpoint} {
display: none;
@include media-breakpoint-up(#{$breakpoint}) {
display: block;
padding-right: 0;
padding-left: 0;
.navbar-nav {
margin-right: 0;
margin-left: 0;
}
.navbar-nav .nav-link {
padding: .5rem $sidenav-link-padding-x;
&.active {
position: relative;
&::before {
top: auto;
right: $sidenav-link-padding-x;
bottom: calc(-#{$navbar-padding-y} - #{$border-width});
left: $sidenav-link-padding-x;
border-bottom: 1px solid $primary;
border-left: 0;
}
}
}
> .container,
> .container-fluid {
padding-right: 0;
padding-left: 0;
}
&.navbar-side.navbar-fixed {
@include media-breakpoint-up(#{$breakpoint}) {
~ .main-content {
margin-left: $sidenav-width;
}
&.navbar-right ~ .main-content {
margin-right: $sidenav-width;
margin-left: 0;
}
}
}
}
}
}
/*
Sidebar
*/
+4
View File
@@ -1,6 +1,10 @@
.btn {
letter-spacing: .03em;
box-shadow: 0 1px 1px rgba(0, 0, 0, .03);
.flag {
vertical-align: -5px;
}
}
.btn-avatar {