fix: Technical - replace hard coded style with common browser css sty…

…ling <sbb-icon-sidebar-container> (#273) * refactoring -> replace hard coded style with common browser css styling * hardous value changes
SchweizerischeBundesbahnen · Aug 29, 2024 · b505d03 · b505d03
1 parent bc612e8
commit b505d03
Show file tree

Hide file tree

Showing 3 changed files with 12 additions and 4 deletions.
diff --git a/src/app/netzgrafik-application/netzgrafik-application.component.html b/src/app/netzgrafik-application/netzgrafik-application.component.html
@@ -1,4 +1,4 @@
-<sbb-icon-sidebar-container [attr.style]="getSidebarContainerStyle()">
+<sbb-icon-sidebar-container [class]="getSidebarClassTag()">
   <sbb-icon-sidebar [(expanded)]="expanded" >
     <!--<a sbbIconSidebarItem label="Varianten" (click)="onVariantenClicked()" class="sbb-active">-->
     <a *ngIf="!disableBackend"

diff --git a/src/app/netzgrafik-application/netzgrafik-application.component.scss b/src/app/netzgrafik-application/netzgrafik-application.component.scss
@@ -7,3 +7,11 @@
 a.SideBarMainIcon.sbb-active {
   pointer-events: all;
 }
+
+.sbb-icon-sidebar-container {
+  top: 85px;
+}
+
+.sbb-icon-sidebar-container.disableBackend {
+  top: 53px;
+}
diff --git a/src/app/netzgrafik-application/netzgrafik-application.component.ts b/src/app/netzgrafik-application/netzgrafik-application.component.ts
@@ -63,11 +63,11 @@ export class NetzgrafikApplicationComponent {
       });
   }
 
-  getSidebarContainerStyle(): string {
+  getSidebarClassTag(): string {
     if (this.disableBackend) {
-      return "top: 53px;";
+      return "disableBackend";
     }
-    return "top: 85px;";
+    return "";
   }
 
   getVariantIsWritable(): boolean {