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