557 bug timeslider and graphical time table main view are not well aligned y axis (#559)

* zoom factor fixes the "operating system" screen scaling

* correct position of the Show All Locks in the pearlsview

Author: aiAdrian

src/app/perlenkette/perlenkette.component.html

@@ -5,7 +5,7 @@
         'pointer-events: none; margin: 0px; position: absolute; padding-left: ' +
         (contentWidth - 55) +
         'px; padding-top: ' +
-        (contentHeight - 40) +
+        getPositionY() +
         'px;'
       "
     >
@@ -36,7 +36,7 @@
         <div
           id="textbox"
           (click)="trainrunNameClicked($event)"
-          [attr.style]="'width:' + (contentWidth - 80) + 'px;float: left;'"
+          [attr.style]="'width:' + (contentWidth - 90) + 'px;float: left;'"
         >
           <ng-container *ngIf="showTrainrunName()">
             <p class="alignleft trainname" (click)="trainrunNameClicked($event)">

src/app/perlenkette/perlenkette.component.ts

@@ -331,6 +331,10 @@ export class PerlenketteComponent implements AfterContentChecked, OnDestroy {
     return this.versionControlService.getVariantIsWritable();
   }
 
+  getPositionY(): number {
+    return this.contentHeight * window.devicePixelRatio - 40;
+  }
+
   disableSectionView() {
     if (!this.getVariantIsWritable()) {
       this.signalIsBeingEdited(undefined);

src/app/view/filter-main-side-view/filter-main-side-view.component.html

@@ -23,7 +23,7 @@
         <sbb-editor-main-view></sbb-editor-main-view>
       </ng-container>
       <ng-container *ngIf="isStreckengrafik()">
-        <sbb-streckengrafik></sbb-streckengrafik>
+        <sbb-streckengrafik [style]="correctZoomFactor()"></sbb-streckengrafik>
       </ng-container>
       <ng-container *ngIf="isOriginDestination()">
         <sbb-origin-destination></sbb-origin-destination>

src/app/view/filter-main-side-view/filter-main-side-view.component.ts

@@ -199,4 +199,13 @@ export class FilterMainSideViewComponent implements OnInit, OnDestroy {
   isOriginDestination() {
     return this.mainViewMode === MainViewMode.OriginDestination;
   }
+
+  correctZoomFactor(): string {
+    // Empirical observation: For devicePixelRatio of 1.5, no zoom adjustment is needed.
+    // The reason is unclear, but tests confirm this works reliably.
+    if (window.devicePixelRatio === 1.5) {
+      return "";
+    }
+    return "zoom: 1.0;";
+  }
 }