asymmetry: fix travel times and name overlapping

We could also reduce the font size for travel times and name texts: $LINE_FONT_SIZE: 16px; -> $LINE_FONT_SIZE_REDUCED: 14px;

Signed-off-by: Louis Greiner <[email protected]>

Author: louisgreiner

src/app/view/editor-main-view/data-views/trainrunsections.view.scss

@@ -15,6 +15,7 @@
 ::ng-deep text.edge_text.TrainrunSectionName {
   text-anchor: end;
   text-align: right;
+  font-size: $LINE_FONT_SIZE_REDUCED;
 }
 
 ::ng-deep text.edge_text.SourceArrival.OddFrequency {
@@ -36,11 +37,13 @@
 ::ng-deep text.edge_text.TrainrunSectionTravelTime {
   text-anchor: start;
   text-align: left;
+  font-size: $LINE_FONT_SIZE_REDUCED;
 }
 
 ::ng-deep text.edge_text.TrainrunSectionBackwardTravelTime {
   text-anchor: start;
   text-align: left;
+  font-size: $LINE_FONT_SIZE_REDUCED;
 }
 
 ::ng-deep text.edge_text.warning {

src/app/view/editor-main-view/data-views/trainrunsections.view.spec.ts

@@ -1063,7 +1063,7 @@ describe("TrainrunSection-View", () => {
     dataService.loadNetzgrafikDto(NetzgrafikUnitTesting.getUnitTestNetzgrafik());
     const ts = trainrunSectionService.getTrainrunSectionFromId(2);
     const v1 = TrainrunSectionsView.getPositionX(ts, TrainrunSectionText.TrainrunSectionTravelTime);
-    expect(v1).toBe(8);
+    expect(v1).toBe(16);
   });
 
   it("TrainrunSectionsView.getPositionX - TargetDeparture", () => {
@@ -1087,7 +1087,7 @@ describe("TrainrunSection-View", () => {
     dataService.loadNetzgrafikDto(NetzgrafikUnitTesting.getUnitTestNetzgrafik());
     const ts = trainrunSectionService.getTrainrunSectionFromId(2);
     const v1 = TrainrunSectionsView.getPositionY(ts, TrainrunSectionText.TrainrunSectionName);
-    expect(v1).toBe(0);
+    expect(v1).toBe(4);
   });
 
   it("TrainrunSectionsView.getPositionY - TrainrunSectionName", () => {
@@ -1101,7 +1101,7 @@ describe("TrainrunSection-View", () => {
     dataService.loadNetzgrafikDto(NetzgrafikUnitTesting.getUnitTestNetzgrafik());
     const ts = trainrunSectionService.getTrainrunSectionFromId(2);
     const v1 = TrainrunSectionsView.getPositionX(ts, TrainrunSectionText.TrainrunSectionTravelTime);
-    expect(v1).toBe(8);
+    expect(v1).toBe(16);
   });
 
   it("TrainrunSectionsView.getPositionY - TargetDeparture", () => {

src/app/view/editor-main-view/data-views/trainrunsections.view.ts

@@ -331,6 +331,7 @@ export class TrainrunSectionsView {
       case TrainrunSectionText.TargetArrival:
         return trainrunSection.getTextPositionX(textElement);
       case TrainrunSectionText.TrainrunSectionTravelTime:
+        return RASTERING_BASIC_GRID_SIZE / 2;
       case TrainrunSectionText.TrainrunSectionBackwardTravelTime:
         return RASTERING_BASIC_GRID_SIZE / 4;
       case TrainrunSectionText.TrainrunSectionName:
@@ -347,6 +348,11 @@ export class TrainrunSectionsView {
       case TrainrunSectionText.TargetDeparture:
       case TrainrunSectionText.TargetArrival:
         return trainrunSection.getTextPositionY(textElement);
+      case TrainrunSectionText.TrainrunSectionName:
+      case TrainrunSectionText.TrainrunSectionTravelTime:
+        return 3;
+      case TrainrunSectionText.TrainrunSectionBackwardTravelTime:
+        return 0;
       default:
         return 0;
     }

src/app/view/rastering/definitions.scss

@@ -3,6 +3,7 @@ $COLOR_Default_Selection: #3367d1;
 $NODE_ROUND_EDGE_SIZE: 4px;
 
 $LINE_FONT_SIZE: 16px;
+$LINE_FONT_SIZE_REDUCED: 14px;
 $LINE_STOP_FONT_SIZE: 12px;
 $BP_LABEL_FONT_SIZE: 16px;