fix(setting-sidebar): Ie and firefox position bugs, linter (#2023)

This commit is contained in:
Vladislav Ahmetvaliev 2019-02-06 14:19:12 +03:00 committed by Dmitry Nehaychik
parent 1fb3205681
commit 8d471ba5b8
2 changed files with 8 additions and 7 deletions

View file

@ -13,15 +13,15 @@
transition: transform 0.3s ease;
width: $sidebar-width;
overflow: hidden;
@include nb-ltr(transform, translateX(100%));
@include nb-rtl(transform, translateX(-100%));
@include nb-ltr(transform, translate3d(100%, 0, 0));
@include nb-rtl(transform, translate3d(-100%, 0, 0));
&.start {
@include nb-ltr(transform, translateX(-100%));
@include nb-rtl(transform, translateX(100%));
@include nb-ltr(transform, translate3d(-100%, 0, 0));
@include nb-rtl(transform, translate3d(100%, 0, 0));
}
&.expanded, &.expanded.start {
transform: translateX(0);
transform: translate3d(0, 0, 0);
}
/deep/ .scrollable {
@ -32,8 +32,9 @@
/deep/ .main-container {
width: $sidebar-width;
background: nb-theme(color-bg);
transition: width 0.3s ease;
transition: transform 0.3s ease;
overflow: hidden;
position: relative;
.scrollable {
width: $sidebar-width;

View file

@ -13,7 +13,7 @@ export class InteractiveProgressBarComponent {
this.value = Math.min(Math.max(newValue, 0), 100);
}
get status(){
get status() {
if (this.value <= 25) {
return 'danger';
} else if (this.value <= 50) {