diff options
| -rw-r--r-- | app/assets/stylesheets/main/variables.scss | 5 | ||||
| -rw-r--r-- | app/assets/stylesheets/sections/nav_sidebar.scss | 8 |
2 files changed, 10 insertions, 3 deletions
diff --git a/app/assets/stylesheets/main/variables.scss b/app/assets/stylesheets/main/variables.scss index e65f07bdc63..aded9cb549d 100644 --- a/app/assets/stylesheets/main/variables.scss +++ b/app/assets/stylesheets/main/variables.scss @@ -52,3 +52,8 @@ $nprogress-color: #c0392b; * Font sizes */ $list-font-size: 15px; + +/** + * Sidebar navigation width + */ +$sidebar_width: 240px; diff --git a/app/assets/stylesheets/sections/nav_sidebar.scss b/app/assets/stylesheets/sections/nav_sidebar.scss index 9fb7c017d02..a61c053b8a9 100644 --- a/app/assets/stylesheets/sections/nav_sidebar.scss +++ b/app/assets/stylesheets/sections/nav_sidebar.scss @@ -1,3 +1,5 @@ + + .page-with-sidebar { background: #F5F5F5; @@ -100,17 +102,17 @@ @mixin expanded-sidebar { .page-with-sidebar { - padding-left: 250px; + padding-left: $sidebar_width; } .sidebar-wrapper { - width: 250px; + width: $sidebar_width; .nav-sidebar { margin-top: 20px; position: fixed; top: 45px; - width: 250px; + width: $sidebar_width; } } |