mirror of
https://github.com/akveo/ngx-admin.git
synced 2025-12-19 00:40:12 +01:00
fix(setting-sidebar): Ie and firefox position bugs, linter (#2023)
This commit is contained in:
parent
1fb3205681
commit
8d471ba5b8
2 changed files with 8 additions and 7 deletions
|
|
@ -13,15 +13,15 @@
|
||||||
transition: transform 0.3s ease;
|
transition: transform 0.3s ease;
|
||||||
width: $sidebar-width;
|
width: $sidebar-width;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
@include nb-ltr(transform, translateX(100%));
|
@include nb-ltr(transform, translate3d(100%, 0, 0));
|
||||||
@include nb-rtl(transform, translateX(-100%));
|
@include nb-rtl(transform, translate3d(-100%, 0, 0));
|
||||||
&.start {
|
&.start {
|
||||||
@include nb-ltr(transform, translateX(-100%));
|
@include nb-ltr(transform, translate3d(-100%, 0, 0));
|
||||||
@include nb-rtl(transform, translateX(100%));
|
@include nb-rtl(transform, translate3d(100%, 0, 0));
|
||||||
}
|
}
|
||||||
|
|
||||||
&.expanded, &.expanded.start {
|
&.expanded, &.expanded.start {
|
||||||
transform: translateX(0);
|
transform: translate3d(0, 0, 0);
|
||||||
}
|
}
|
||||||
|
|
||||||
/deep/ .scrollable {
|
/deep/ .scrollable {
|
||||||
|
|
@ -32,8 +32,9 @@
|
||||||
/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;
|
transition: transform 0.3s ease;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
|
position: relative;
|
||||||
|
|
||||||
.scrollable {
|
.scrollable {
|
||||||
width: $sidebar-width;
|
width: $sidebar-width;
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue