Pi-Hole/web
1
0
Fork 0
mirror of https://github.com/pi-hole/web.git synced 2026-05-02 06:32:49 +01:00
Code Issues Packages Projects Releases Wiki Activity

Updated control sidebar

Browse Source
This commit is contained in:
Abdullah Almsaeed
2015-03-28 14:44:48 -04:00
parent 7cc7d81ad9
commit bfb25a6ee8
10 changed files with 215 additions and 61 deletions
Download Patch File Download Diff File Expand all files Collapse all files

44
dist/css/AdminLTE.css vendored
View File

@@ -638,6 +638,14 @@ a:focus {
* Component: Control sidebar. By deafult, this is the right sidebar.
*/
.control-sidebar {
-webkit-transform: translate(230px, 0);
-ms-transform: translate(230px, 0);
-o-transform: translate(230px, 0);
transform: translate(230px, 0);
-webkit-transition: -webkit-transform 0.3s ease-in-out;
-moz-transition: -moz-transform 0.3s ease-in-out;
-o-transition: -o-transform 0.3s ease-in-out;
transition: transform 0.3s ease-in-out;
position: absolute;
top: 50px;
right: 0;
@@ -648,15 +656,20 @@ a:focus {
}
@media (max-width: 768px) {
.control-sidebar {
-webkit-transform: translate(230px, 0);
-ms-transform: translate(230px, 0);
-o-transform: translate(230px, 0);
transform: translate(230px, 0);
top: 100px;
}
}
.control-sidebar > .tab-content {
padding: 10px 15px;
}
.control-sidebar.control-sidebar-open {
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
-o-transform: translate(0, 0);
transform: translate(0, 0);
-webkit-box-shadow: -1px 0 3px rgba(0, 0, 0, 0.2);
box-shadow: -1px 0 3px rgba(0, 0, 0, 0.2);
}
.control-sidebar-tabs {
border-bottom: #1c2529;
}
@@ -690,15 +703,26 @@ a:focus {
background: #222d32;
color: #fff;
}
@media (max-width: 768px) {
.control-sidebar-tabs {
display: table;
}
.control-sidebar-tabs > li {
display: table-cell !important;
}
}
.control-sidebar-heading {
color: #fff;
font-weight: 400;
font-size: 16px;
padding: 10px 0;
margin-bottom: 10px;
}
@media (max-width: 768px) {
.content-wrapper,
.right-side,
.main-footer {
margin-right: 0;
}
.control-sidebar-subheading {
display: block;
color: #fff;
font-weight: 400;
font-size: 14px;
}
/*
* Component: Dropdown menus