diff --git a/src/components/JournalView/JournalTimetables.vue b/src/components/JournalView/JournalTimetables.vue index 83cfb56..4dd27b6 100644 --- a/src/components/JournalView/JournalTimetables.vue +++ b/src/components/JournalView/JournalTimetables.vue @@ -76,7 +76,7 @@ {{ timetable.route.replace('|', ' - ') }} -
+
- {{ $t(`journal.${item.showStock.value ? 'hide' : 'show'}-stock`) }} + {{ $t('journal.stock-info') }} Arrow
+
+ +
+ {{ `${$t('journal.stock-max-speed')}: ${timetable.maxSpeed}km/h` }} • + {{ `${$t('journal.stock-length')}: ${timetable.stockLength}m` }} • + {{ `${$t('journal.stock-mass')}: ${Math.floor(timetable.stockMass! / 1000)}t` }} +
+
  • @import '../../styles/JournalSection.scss'; @import '../../styles/responsive.scss'; + +hr { + margin: 0.25em 0; +} + .info { &-date { margin-right: 0.5em; @@ -486,6 +499,10 @@ export default defineComponent({ &-route { margin: 0.25em 0; } + + &-extended { + margin-top: 0.5em; + } } ul.stock-list { @@ -511,8 +528,9 @@ ul.stock-list { .btn--show { display: flex; - margin-top: 0.5em; + margin-top: 1em; font-weight: bold; + padding: 0.2em 0.45em; img { height: 1.3em; @@ -528,9 +546,17 @@ ul.stock-list { } } + .info-extended { + text-align: center; + } + .info-route { display: flex; justify-content: center; } + + .btn--show { + margin: 1em auto 0 auto; + } } - \ No newline at end of file + diff --git a/src/locales/en.json b/src/locales/en.json index 8e5925c..67f16bc 100644 --- a/src/locales/en.json +++ b/src/locales/en.json @@ -241,8 +241,10 @@ "minutes": "{minutes} mins", "hours": "{hours}h {minutes} mins", - "show-stock": "SHOW STOCK", - "hide-stock": "HIDE STOCK" + "stock-info": "STOCK INFO", + "stock-length": "Length", + "stock-mass": "Mass", + "stock-max-speed": "Maximum registered speed" }, "scenery": { "users": "PLAYERS ONLINE", diff --git a/src/locales/pl.json b/src/locales/pl.json index bb76de9..e679e78 100644 --- a/src/locales/pl.json +++ b/src/locales/pl.json @@ -243,8 +243,10 @@ "timetable-fulfilled": "WYPEŁNIONY", "timetable-abandoned": "PORZUCONY", - "show-stock": "POKAŻ SKŁAD", - "hide-stock": "UKRYJ SKŁAD" + "stock-info": "INFORMACJE O SKŁADZIE", + "stock-length": "Długość", + "stock-mass": "Masa", + "stock-max-speed": "Maks. zarejestrowana prędkość" }, "scenery": { "users": "GRACZE ONLINE", diff --git a/src/styles/global.scss b/src/styles/global.scss index 68dd4a2..8f800b2 100644 --- a/src/styles/global.scss +++ b/src/styles/global.scss @@ -28,7 +28,7 @@ body { &.no-scroll { overflow-y: hidden; - padding-right: 17px; + padding-right: 1rem; @include smallScreen() { padding: 0; @@ -46,8 +46,8 @@ body { } ::-webkit-scrollbar { - width: 17px; - height: 17px; + width: 1rem; + height: 1rem; &-track { background-color: #222;