hotfixy designu

src/App.vue

@@ -85,8 +85,6 @@ export default defineComponent({
 
     // popup handling
     window.addEventListener('mousemove', (e: MouseEvent) => {
-      e.stopPropagation();
-
       const targetEl = e
         .composedPath()
         .find((p) => p instanceof HTMLElement && p.getAttribute('data-popup-key'));
@@ -243,6 +241,7 @@ export default defineComponent({
   grid-template-columns: 100%;
 
   min-height: 100vh;
+  position: relative;
 }
 
 .app_main {

src/components/JournalView/JournalTimetables/TimetableHistoryList.vue

@@ -5,7 +5,7 @@
         v-for="{ timetable, showExtraInfo } in computedTimetableHistory"
         class="journal_item"
         :key="timetable.id"
-        @click.stop.prevent="showExtraInfo.value = !showExtraInfo.value"
+        @click="showExtraInfo.value = !showExtraInfo.value"
       >
         <div class="journal_item-info">
           <!-- General -->

src/components/PopUp/PopUp.vue

@@ -31,7 +31,10 @@ export default defineComponent({
         let translateX = '0px',
           translateY = '30px';
 
-        if (val.x <= boxWidth / 2) {
+        if (clientWidth < 500) {
+          previewEl.style.left = '50%';
+          translateX = '-50%';
+        } else if (val.x <= boxWidth / 2) {
           previewEl.style.left = '0';
           translateX = '0px';
         } else if (val.x >= clientWidth - boxWidth / 2) {

src/components/PopUp/VehiclePreviewPopUp.vue

@@ -10,7 +10,6 @@
       v-if="popupStore.currentPopupContent"
       @load="onImageLoad"
       @error="onImageError"
-      @click="popupStore.onPopUpHide"
       width="300"
       height="176"
       class="rounded-md w-full h-auto"

src/components/TrainsView/TrainInfo.vue

@@ -126,7 +126,7 @@
           {{ $t('trains.cars') }}: {{ train.stockList.length - 1 }}
         </span>
         |
-        <span>{{ train.speed }}km/h</span>
+        <span class="text--primary">{{ train.speed }} km/h</span>
       </div>
 
       <div class="driver_position text--grayed" style="margin-top: 0.25em">

src/styles/JournalSection.scss

@@ -6,6 +6,7 @@
   height: 90vh;
   min-height: 550px;
   margin-top: 0.5em;
+  position: relative;
 
   padding-right: 0.2em;
 }