fix(theme): layout collapse bug and margins between rows

This commit is contained in:
tibing 2017-09-06 13:55:21 +03:00
parent da859ba0bb
commit 320d4b4e0a
2 changed files with 18 additions and 2 deletions

View file

@ -2,7 +2,7 @@
@include nb-install-component() {
h5 {
margin-bottom: 1.5rem;
margin-bottom: 1rem;
}
.settings-row {
@ -13,7 +13,7 @@
flex-wrap: wrap;
width: 90%;
margin: 0 auto 3rem;
margin: 0 auto 2rem;
a {
text-decoration: none;

View file

@ -10,14 +10,30 @@
transition: width 0.3s ease;
width: $sidebar-width;
overflow: hidden;
&.collapsed {
width: 0;
/deep/ .main-container {
width: 0;
.scrollable {
width: $sidebar-width;
padding: 1.25rem;
}
}
}
/deep/ .main-container {
width: $sidebar-width;
background: nb-theme(color-bg);
transition: width 0.3s ease;
overflow: hidden;
.scrollable {
width: $sidebar-width;
}
@include nb-for-theme(cosmic) {
background: nb-theme(layout-bg);