diff --git a/static/css/floating_labels.css b/static/css/floating_labels.css index 154526f..ab91dc0 100644 --- a/static/css/floating_labels.css +++ b/static/css/floating_labels.css @@ -69,3 +69,45 @@ font-size: 12px; color: #777; } + +/*SIDEBAR*/ +.sidebar-wrapper { + min-height: 100vh; + margin-left: -15rem; + -webkit-transition: margin .25s ease-out; + -moz-transition: margin .25s ease-out; + -o-transition: margin .25s ease-out; + transition: margin .25s ease-out; +} + +.sidebar-wrapper .sidebar-heading { + padding: 0.875rem 1.25rem; + font-size: 1.2rem; +} + +.sidebar-wrapper .list-group { + width: 15rem; +} + +.page-content-wrapper { + width: 100vw; +} + +.wrapper.toggled .sidebar-wrapper { + margin-left: 0; +} + +@media (min-width: 768px) { + .sidebar-wrapper { + margin-left: 0; + } + + .page-content-wrapper { + min-width: 0; + width: 100%; + } + + .wrapper.toggled .sidebar-wrapper { + margin-left: -15rem; + } +} \ No newline at end of file diff --git a/templates/base.jinja2 b/templates/base.jinja2 index 0f2ec1e..fce6a98 100644 --- a/templates/base.jinja2 +++ b/templates/base.jinja2 @@ -49,12 +49,12 @@ {% block body %} -