Fix for SideMenu Colors

This commit is contained in:
Moravčík, Marian 2020-08-04 20:55:29 +02:00
parent 8a10ca6c74
commit f53b6f2735
4 changed files with 33 additions and 40 deletions

View File

@ -111,18 +111,20 @@ a.link:hover, a.link:focus {
color: #e1e2e3;
font-size: 14px; }
.sidebar-nav ul li a.active, .sidebar-nav ul li a:hover {
color: #911f93;
cursor: pointer; }
color: #ffffff;
cursor: pointer;
background: #911f93; }
.sidebar-nav ul li a.active {
font-weight: 400;
color: #911f93; }
color: #ffffff;
background: #252833; }
.sidebar-nav ul li ul {
padding-left: 60px;
padding-left: 0px;
padding-top: 0;
transition-delay: inherit;
border-left: 3px solid #911f93; }
.sidebar-nav ul li ul li a {
padding: 15px 35px 10px 15px; }
padding-left: 60px; }
.sidebar-nav ul li ul ul {
padding-left: 35px; }
.sidebar-nav ul li.nav-small-cap {
@ -134,17 +136,17 @@ a.link:hover, a.link:focus {
.sidebar-nav > ul > li {
margin-bottom: 0px; }
.sidebar-nav > ul > li.active > a {
color: #911f93;
color: #ffffff;
font-weight: 400;
border-left: 3px solid #911f93;
background: #252833;
padding: 8px 35px 8px 37px;
box-shadow: 0 0 0 rgba(0, 0, 0, 0.2); }
.sidebar-nav > ul > li.active > a i {
color: #911f93;
color: #ffffff;
font-size: 14px; }
.sidebar-nav > ul > li > a.active i, .sidebar-nav > ul > li > a:hover i {
color: #911f93; }
color: #ffffff; }
.sidebar-nav > ul > li > a i {
width: 27px;
height: 27px;
@ -157,8 +159,8 @@ a.link:hover, a.link:focus {
margin-top: 6px; }
.sidebar-nav > ul > li > a.active {
font-weight: 400;
background: #242933;
color: #911f93; }
background: #252833;
color: #ffffff; }
@media (min-width: 768px) {
.mini-sidebar .sidebar-nav #sidebarnav li {
@ -170,7 +172,7 @@ a.link:hover, a.link:focus {
top: 45px;
width: 200px;
z-index: 1001;
background: #f2f6f8;
background: #3a3f51;
display: none;
padding-left: 1px; }
@ -229,7 +231,9 @@ a.link:hover, a.link:focus {
.mini-sidebar .sidebar-nav #sidebarnav > li.active > a {
border-color: transparent; }
.mini-sidebar .sidebar-nav #sidebarnav > li.active > a.active {
border-color: #911f93; } }
border-color: #911f93; }
.mini-sidebar .sidebar-nav ul li ul li a {
padding-left: 15px; } }
/*******************
/*Buttons
*******************/

File diff suppressed because one or more lines are too long

View File

@ -157,24 +157,27 @@ a.link {
&.active,
&:hover {
color: $topbar;
color: $white;
cursor: pointer;
background: $topbar;
}
&.active {
font-weight: 400;
color: $topbar;
color: $white;
background: $themecolor-alt;
}
}
ul {
padding-left: 60px;
padding-left: 0px;
padding-top: 0;
transition-delay: inherit;
border-left: 3px solid $topbar;
li a {
padding: 15px 35px 10px 15px;
//padding: 15px 35px 10px 15px;
padding-left: 60px;
}
ul {
@ -197,7 +200,7 @@ a.link {
margin-bottom: 0px;
&.active > a {
color: $topbar;
color: $white;
font-weight: 400;
border-left: 3px solid $topbar;
background: $themecolor-alt;
@ -205,7 +208,7 @@ a.link {
box-shadow: 0 0 0 rgba(0, 0, 0, 0.2);
i {
color: $topbar;
color: $white;
font-size: 14px;
}
}
@ -217,7 +220,7 @@ a.link {
&:hover {
i {
color: $topbar;
color: $white;
}
}
@ -237,8 +240,8 @@ a.link {
&.active {
font-weight: 400;
background: #242933;
color: $topbar;
background: $themecolor-alt;
color: $white;
}
}
}
@ -253,7 +256,7 @@ a.link {
top: 45px;
width: 200px;
z-index: 1001;
background: $sidebar-alt;
background: $sidebar;
display: none;
padding-left: 1px;
}
@ -342,6 +345,9 @@ a.link {
border-color: $topbar;
}
}
.sidebar-nav ul li ul li a {
padding-left: 15px;
}
}
}

View File

@ -94,23 +94,6 @@
margin-bottom: 0.5em;
}
.sidebar-nav > ul > li.active > a,
.sidebar-nav > ul > li.active > a:hover,
.sidebar-nav > ul > li.active > a i,
.sidebar-nav > ul > li > a i {
color: white !important;
}
.sidebar-nav ul li a.active,
.sidebar-nav ul li a.active:hover,
.sidebar-nav ul li a:hover {
color: white;
background-color: #911f93;
}
.sidebar-nav ul li a.active {
background-color: #252833;
}
</style>
{% endblock head %}