Merge pull request #67 from Spythere/development

poprawki tłumaczeń; scrolling

package.json

@@ -1,6 +1,6 @@
 {
   "name": "stacjownik",
-  "version": "1.18.5",
+  "version": "1.18.6",
   "private": true,
   "scripts": {
     "dev": "vite",

src/components/StationsView/StationTable.vue

@@ -1,5 +1,6 @@
 <template>
   <section class="station_table">
+    <div class="table_wrapper">
       <table>
         <thead>
           <tr>
@@ -86,7 +87,11 @@
                 </span>
 
                 <span v-else-if="station.generalInfo.availability == 'nonPublic'">
-                <img src="/images/icon-lock.svg" alt="non-public" :title="$t('desc.non-public')" />
+                  <img
+                    src="/images/icon-lock.svg"
+                    alt="non-public"
+                    :title="$t('desc.non-public')"
+                  />
                 </span>
 
                 <span v-else>
@@ -112,7 +117,7 @@
               <span v-if="station.onlineInfo?.dispatcherName">
                 <b
                   v-if="store.donatorsData.includes(station.onlineInfo.dispatcherName)"
-                title="Dyżurny wspierający projekt Stacjownika!"
+                  :title="$t('donations.dispatcher-message')"
                   @click.stop="openDonationModal"
                 >
                   <img src="/images/icon-diamond.svg" alt="" />
@@ -272,6 +277,7 @@
           </tr>
         </tbody>
       </table>
+    </div>
 
     <Loading v-if="!isDataLoaded && stations.length == 0" />
 
@@ -388,16 +394,18 @@ $rowCol: #424242;
   }
 }
 
+.table_wrapper {
+  overflow: auto;
+  overflow-y: hidden;
+  font-weight: 500;
+}
+
 table {
   white-space: nowrap;
   border-collapse: collapse;
   // min-width: 1350px;
   width: 100%;
 
-  overflow: auto;
-  overflow-y: hidden;
-  font-weight: 500;
-
   @include smallScreen() {
     min-width: auto;
   }

src/components/TrainsView/TrainInfo.vue

@@ -36,7 +36,7 @@
         <div class="train-driver">
           <b
             v-if="store.donatorsData.includes(train.driverName)"
-            title="Dyżurny wspierający projekt Stacjownika!"
+            :title="$t('donations.driver-message')"
           >
             {{ train.driverName }}
             <img src="/images/icon-diamond.svg" alt="donator diamond icon" />

src/locales/en.json

@@ -14,7 +14,9 @@
     "p4-b2": "a symbolic highlight",
     "p5": "Thank you and enjoy the app!<br />~ Spythere",
     "action-exit": "Maybe next time...",
-    "action-confirm": "DONATE!"
+    "action-confirm": "DONATE!",
+    "dispatcher-message": "Dispatcher supporting the Stacjownik project!",
+    "driver-message": "Driver supporting the Stacjownik project!"
   },
   "general": {
     "and": " and ",

src/locales/pl.json

@@ -14,7 +14,9 @@
     "p4-b2": "wyróżnienie",
     "p5": "Dzięki i miłego korzystania z aplikacji! <br />~ Spythere",
     "action-exit": "Może kiedy indziej...",
-    "action-confirm": "WSPOMÓŻ!"
+    "action-confirm": "WSPOMÓŻ!",
+    "dispatcher-message": "Dyżurny wspierający projekt Stacjownika!",
+    "driver-message": "Maszynista wspierający projekt Stacjownika!"
   },
   "general": {
     "and": " oraz ",