Andreas/ngx-admin
1
0
Fork 0
mirror of https://github.com/akveo/ngx-admin.git synced 2025-12-18 08:20:13 +01:00
Code Issues Projects Releases Packages Wiki Activity Actions

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

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

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

@ -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;

2
src/app/pages/extra-components/progress-bar/interactive-progress-bar/interactive-progress-bar.component.ts
View file

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