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

akveo · Feb 6, 2019 · 8d471ba · 8d471ba
1 parent 1fb3205
commit 8d471ba
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 7 deletions.
diff --git a/src/app/@theme/layouts/sample/sample.layout.scss b/src/app/@theme/layouts/sample/sample.layout.scss
@@ -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;

diff --git a/...ra-components/progress-bar/interactive-progress-bar/interactive-progress-bar.component.ts b/...ra-components/progress-bar/interactive-progress-bar/interactive-progress-bar.component.ts
@@ -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) {