fix: frio mobile: right sidebar colors

This commit is contained in:
Extarys 2021-01-20 09:26:22 -05:00
parent 61af10b6ce
commit fcd2367089

View file

@ -417,9 +417,17 @@ nav.navbar {
z-index: 1030; z-index: 1030;
color: $nav_icon_color; color: $nav_icon_color;
} }
@media screen and (max-width: 767px) {
#topbar-first,
nav.navbar {
padding: 0 2px;
}
}
#topbar-first .navbar-toggle { #topbar-first .navbar-toggle {
margin-top: 5px; margin-top: 5px;
margin-bottom: 0; margin-bottom: 0;
margin-right: 0;
} }
#topbar-first .nav > li > a, #topbar-first .nav > li > a,
#topbar-first .nav > li > button, #topbar-first .nav > li > button,
@ -635,17 +643,33 @@ nav.navbar .nav > li > button:focus
right: -2px; right: -2px;
background-color: #ff8989; background-color: #ff8989;
} }
#myNavmenu {
top: 50px;
background-color: $background_color;
border-top: 0;
border-right: 0;
border-bottom: 0;
border-left-color: $nav_icon_color;
box-shadow: 0 0 3px black;
}
#myNavmenu ul, #myNavmenu ul li:first-child, #myNavmenu ul, #myNavmenu ul li:last-child {
border-radius: 0;
}
#myNavmenu li, #myNavmenu li,
#myNavmenu a { #myNavmenu a {
background-color: $nav_bg; background-color: $nav_bg;
color: $nav_icon_color; color: $nav_icon_color;
} }
#myNavmenu li.list-group-item {
border-color: $background_color;
}
#myNavmenu a {
display: block;
}
#myNavmenu li.nav-sitename { #myNavmenu li.nav-sitename {
font-weight: bold; font-weight: bold;
} }
#myNavmenu {
top: 50px;
}
#topbar-first .dropdown.account li#nav-sitename { #topbar-first .dropdown.account li#nav-sitename {
padding-left: 15px; padding-left: 15px;
padding-right: 15px; padding-right: 15px;
@ -2037,6 +2061,10 @@ ul.tabs li a {
ul.tabs li:hover, ul.tabs li.active { ul.tabs li:hover, ul.tabs li.active {
border-bottom-width: 4px; border-bottom-width: 4px;
} }
ul.tabbar ul.tabs-extended:hover li.dropdown {
border-bottom: 0;
}
ul.tabbar ul.tabs-extended li.active { ul.tabbar ul.tabs-extended li.active {
width: 100%; width: 100%;
border-bottom-width: 2px; border-bottom-width: 2px;
@ -2045,14 +2073,19 @@ ul.tabbar ul.tabs-extended li.active a {
background: none; background: none;
} }
ul.dropdown-menu li:hover { ul.dropdown-menu li:hover {
border-bottom-width: 0; border-bottom: 0;
}
.dropdown-menu li {
display: block;
width: 100%;
box-sizing: border-box;
} }
/* Dropdown Menu */ /* Dropdown Menu */
.dropdown-menu li a, .dropdown-menu li a,
.dropdown-menu li .btn-link { .dropdown-menu li .btn-link {
color: $link_color; /* color: $link_color; */
color: $font_color_darker;
} }
.dropdown-menu li > :hover, .dropdown-menu li > :hover,
.dropdown-menu li > :visited, .dropdown-menu li > :visited,