mirror of https://github.com/ColorlibHQ/AdminLTE
Force control sidebar to slide over content on small screens
parent
4db47e6ca4
commit
fb77d2171c
|
@ -48,12 +48,14 @@
|
||||||
.control-sidebar {
|
.control-sidebar {
|
||||||
.translate(0,0);
|
.translate(0,0);
|
||||||
}
|
}
|
||||||
|
@media(min-width: @screen-sm) {
|
||||||
.content-wrapper,
|
.content-wrapper,
|
||||||
.right-side,
|
.right-side,
|
||||||
.main-footer {
|
.main-footer {
|
||||||
margin-right: @control-sidebar-width;
|
margin-right: @control-sidebar-width;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
//Control sidebar tabs
|
//Control sidebar tabs
|
||||||
|
|
|
@ -16,7 +16,8 @@
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
> li.active > a,
|
> li.active > a,
|
||||||
> li.active > a:hover {
|
> li.active > a:hover,
|
||||||
|
> li.active > a:focus {
|
||||||
background-color: #f4f4f4;
|
background-color: #f4f4f4;
|
||||||
border-top-color: @light-blue;
|
border-top-color: @light-blue;
|
||||||
color: #444;
|
color: #444;
|
||||||
|
|
|
@ -684,11 +684,13 @@ a:focus {
|
||||||
-o-transform: translate(0, 0);
|
-o-transform: translate(0, 0);
|
||||||
transform: translate(0, 0);
|
transform: translate(0, 0);
|
||||||
}
|
}
|
||||||
|
@media (min-width: 768px) {
|
||||||
.control-sidebar-open .content-wrapper,
|
.control-sidebar-open .content-wrapper,
|
||||||
.control-sidebar-open .right-side,
|
.control-sidebar-open .right-side,
|
||||||
.control-sidebar-open .main-footer {
|
.control-sidebar-open .main-footer {
|
||||||
margin-right: 230px;
|
margin-right: 230px;
|
||||||
}
|
}
|
||||||
|
}
|
||||||
.control-sidebar-tabs {
|
.control-sidebar-tabs {
|
||||||
border-bottom: #1c2529;
|
border-bottom: #1c2529;
|
||||||
}
|
}
|
||||||
|
@ -2248,7 +2250,8 @@ a:focus {
|
||||||
margin-right: 5px;
|
margin-right: 5px;
|
||||||
}
|
}
|
||||||
.nav-pills > li.active > a,
|
.nav-pills > li.active > a,
|
||||||
.nav-pills > li.active > a:hover {
|
.nav-pills > li.active > a:hover,
|
||||||
|
.nav-pills > li.active > a:focus {
|
||||||
background-color: #f4f4f4;
|
background-color: #f4f4f4;
|
||||||
border-top-color: #3c8dbc;
|
border-top-color: #3c8dbc;
|
||||||
color: #444;
|
color: #444;
|
||||||
|
|
File diff suppressed because one or more lines are too long
Loading…
Reference in New Issue