jinql
/
gentelella
mirror of https://github.com/ColorlibHQ/gentelella
1
0
Fork 0
Code Issues Releases Wiki Activity

-Added a css variable to adjust the side bar width

pull/210/head
Ramiro 2016-06-17 19:05:06 +02:00
parent 425437af05
commit 88ef9065cf
3 changed files with 24 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
build/css/custom.css
View File

@ -1,4 +1,7 @@
@charset "UTF-8";
:root {
--sidebarwidth: 230px; }
.left_col {
background: #2A3F54; }
@ -187,7 +190,7 @@
.nav_menu {
position: static; } }
.nav-md .container.body .col-md-3.left_col {
width: 230px;
width: var(--sidebarwidth);
padding: 0;
position: absolute;
display: -ms-flexbox;
@ -203,10 +206,10 @@ body .container.body .right_col {
.nav-md .container.body .right_col {
padding: 10px 20px 0;
margin-left: 230px; }
margin-left: var(--sidebarwidth); }
.nav_title {
width: 230px;
width: var(--sidebarwidth);
float: left;
background: #2A3F54;
border-radius: 0;
@ -335,7 +338,7 @@ body {
.main_container .top_nav {
display: block;
margin-left: 230px; }
margin-left: var(--sidebarwidth); }
.no-padding {
padding: 0 !important; }
@ -1416,7 +1419,7 @@ span.right {
display: block;
padding: 5px 0 0 0;
position: fixed;
width: 230px;
width: var(--sidebarwidth);
background: #2A3F54; }
.sidebar-footer a {
@ -1446,7 +1449,7 @@ span.right {
@media (min-width: 992px) {
footer {
margin-left: 230px; } }
margin-left: var(--sidebarwidth); } }
@media (min-width: 992px) {
.tile_count .tile_stats_count {
margin-bottom: 10px;
@ -3985,7 +3988,7 @@ ul.notifications {
margin-bottom: 20px;
border: 1px solid rgba(0, 0, 0, 0.15);
border-radius: 4px;
width: 230px;
width: var(--sidebarwidth);
overflow: hidden;
box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); }

4
build/css/custom.min.css vendored
View File

File diff suppressed because one or more lines are too long

19
src/scss/custom.scss
View File

@ -1,3 +1,8 @@
:root {
--sidebarwidth: 230px;
}
.left_col {
background: #2A3F54;
}
@ -188,7 +193,7 @@
}
}
.nav-md .container.body .col-md-3.left_col {
width: 230px;
width: var(--sidebarwidth);
padding: 0;
position: absolute;
display: flex;
@ -203,10 +208,10 @@ body .container.body .right_col {
}
.nav-md .container.body .right_col {
padding: 10px 20px 0;
margin-left: 230px;
margin-left: var(--sidebarwidth);
}
.nav_title {
width: 230px;
width: var(--sidebarwidth);
float: left;
background: #2A3F54;
border-radius: 0;
@ -342,7 +347,7 @@ body {
}
.main_container .top_nav {
display: block;
margin-left: 230px;
margin-left: var(--sidebarwidth);
}
.main_container {}
.no-padding {
@ -1530,7 +1535,7 @@ span.right {
display: block;
padding: 5px 0 0 0;
position: fixed;
width: 230px;
width: var(--sidebarwidth);
background: #2A3F54;
}
.sidebar-footer a {
@ -1562,7 +1567,7 @@ span.right {
@media (min-width: 992px) {
footer {
margin-left: 230px;
margin-left: var(--sidebarwidth);
}
}
@ -4477,7 +4482,7 @@ ul.notifications {
margin-bottom: 20px;
border: 1px solid rgba(0, 0, 0, .15);
border-radius: 4px;
width: 230px;
width: var(--sidebarwidth);
overflow: hidden;
-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
box-shadow: 0 6px 12px rgba(0, 0, 0, .175);