front: quick fix for speed label

Author: alexandredamiron

front/src/modules/simulationResult/components/SimulationResultsMap/TrainHoverPosition.tsx

@@ -12,7 +12,6 @@ import { mapValues, get } from 'lodash';
 
 import { Viewport } from 'reducers/map';
 import { AllowancesSetting, AllowancesSettings, Train } from 'reducers/osrdsimulation/types';
-import { sec2time } from 'utils/timeManipulation';
 import { boundedValue } from 'utils/numbers';
 import { getCurrentBearing } from 'utils/geometry';
 import OrderedLayer from 'common/Map/Layers/OrderedLayer';
@@ -25,24 +24,26 @@ function getFill(isSelectedTrain: boolean, ecoBlocks: boolean) {
   return '#333';
 }
 
-function getSpeedAndTimeLabel(isSelectedTrain: boolean, ecoBlocks: boolean, point: TrainPosition) {
+function getSpeedLabel(isSelectedTrain: boolean, ecoBlocks: boolean, point: TrainPosition) {
   if (isSelectedTrain) {
     return (
-      <>
-        <span
-          className={cx('small', 'font-weight-bold', ecoBlocks ? 'text-secondary' : 'text-primary')}
-        >
-          {Math.round(point?.speedTime?.speed ?? 0)}
-          km/h
-        </span>
-        <span className="ml-2 small">{point.speedTime && sec2time(point.speedTime.time)}</span>
-      </>
+      <span
+        className={cx(
+          'train-speed-label',
+          'small',
+          'font-weight-bold',
+          ecoBlocks ? 'text-secondary' : 'text-primary'
+        )}
+      >
+        {Math.round(point?.speedTime?.speed ?? 0)}
+        km/h
+      </span>
     );
   }
   return (
     <>
       {/* <small>{point.properties.name}</small> */}
-      <span className="small ml-1 font-weight-bold text-muted">
+      <span className="train-speed-label small ml-1 font-weight-bold text-muted">
         {Math.round(point?.speedTime?.speed)}
         km/h
       </span>
@@ -206,7 +207,7 @@ function TrainHoverPosition(props: TrainHoverPositionProps) {
   ) {
     const { ecoBlocks } = get(allowancesSettings, train.id, {} as AllowancesSetting);
     const fill = getFill(isSelectedTrain as boolean, ecoBlocks);
-    const label = getSpeedAndTimeLabel(isSelectedTrain, ecoBlocks, point);
+    const label = getSpeedLabel(isSelectedTrain, ecoBlocks, point);
 
     const zoomLengthFactor = getzoomPowerOf2LengthFactor(viewport);
     const [trainGeoJsonPath, headTriangle, rearTriangle] = getTrainPieces(

front/src/styles/scss/applications/operationalStudies/_simulationresults.scss

@@ -624,4 +624,10 @@ select.sm {
       }
     }
   }
+
+  /* MAP */
+  .train-speed-label {
+    text-shadow : 0 0 3px #FFFFFF;
+    padding-bottom: 1.5rem
+  }
 }