test: fix sidebar bg loading

azerothcore · Jun 16, 2019 · 3eb11f1 · 3eb11f1
1 parent c283a82
commit 3eb11f1
Show file tree

Hide file tree

Showing 3 changed files with 11 additions and 2 deletions.
diff --git a/src/app/components/main-window/sidebar/sidebar.component.html b/src/app/components/main-window/sidebar/sidebar.component.html
@@ -1,4 +1,9 @@
-<nav id="sidebar" class="sidebar" [ngClass]="{'sidebar-bg' : hasBackgroundImage()}">
+<nav
+  id="sidebar"
+  class="sidebar"
+  [ngClass]="{'sidebar-bg' : hasBackgroundImage()}"
+  style="background-image: url(assets/img/bg1.jpg);"
+>
   <div class="sidebar-content">
     <perfect-scrollbar>
       <div class="sidebar-header">

diff --git a/src/app/components/main-window/sidebar/sidebar.component.scss b/src/app/components/main-window/sidebar/sidebar.component.scss
@@ -537,7 +537,6 @@ $img-shadow-color:rgba(0, 0, 0, 0.5);
   // styles with background image
   &.sidebar-bg {
 
-    background-image: url(assets/img/bg1.jpg);
     background-size: cover;
     background-position: center;
     background-repeat: no-repeat;

diff --git a/src/app/components/main-window/sidebar/sidebar.component.ts b/src/app/components/main-window/sidebar/sidebar.component.ts
@@ -42,6 +42,11 @@ export class SidebarComponent {
     return this.sidebarService.hasBackgroundImage;
   }
 
+  getStyle(): string {
+    return `background-image: url(assets/img/bg1.jpg);`;
+    // return this.hasBackgroundImage() ? `background-image: 'assets/img/bg1.jpg';` : '';
+  }
+
   toggleState(key: string) {
     this.menuStates[key] = this.menuStates[key] === 'up' ? 'down' : 'up';
   }