Andreas/ngx-admin
1
0
Fork 0
mirror of https://github.com/akveo/ngx-admin.git synced 2025-12-16 23:40:14 +01:00
Code Issues Projects Releases Packages Wiki Activity Actions

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

Browse source
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
Download patch file Download diff file Expand all files Collapse all files

4
src/app/@theme/components/theme-settings/theme-settings.component.scss
View file

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

16
src/app/@theme/layouts/sample/sample.layout.scss
View file

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