add variable for the sidebar size

This commit is contained in:
Simon Vieille 2023-06-07 10:57:15 +02:00
parent baeecc0f7f
commit 2729b38fd8
Signed by: deblan
GPG key ID: 579388D585F70417

View file

@ -10,6 +10,8 @@ $pagination-bg: #ffffff !default;
$pagination-active-color: #ffffff !default; $pagination-active-color: #ffffff !default;
$pagination-active-bg: #343a40 !default; $pagination-active-bg: #343a40 !default;
$sidebar-width: 260px !default;
@import "~choices.js/src/styles/choices.scss"; @import "~choices.js/src/styles/choices.scss";
@import "~bootstrap/scss/bootstrap.scss"; @import "~bootstrap/scss/bootstrap.scss";
@import "~@fortawesome/fontawesome-free/css/all.css"; @import "~@fortawesome/fontawesome-free/css/all.css";
@ -173,7 +175,7 @@ tr.table-primary-light {
.sidebar { .sidebar {
width: 260px; width: $sidebar-width;
display: inline-block; display: inline-block;
.sidebar-toggler { .sidebar-toggler {
@ -253,8 +255,8 @@ tr.table-primary-light {
.body { .body {
padding-top: 60px; padding-top: 60px;
width: calc(100% - 260px); width: calc(100% - $sidebar-width);
margin-left: 260px; margin-left: $sidebar-width;
display: inline-block; display: inline-block;
.nav { .nav {