From cf23bf7d95916155b3c14a609c36e12c593acc7d Mon Sep 17 00:00:00 2001
From: Spythere <spythere@protonmail.com>
Date: Sun, 9 Jan 2022 17:26:31 +0100
Subject: [PATCH] =?UTF-8?q?Poprawki=20widoku=20listy=20zestawie=C5=84?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/ListSection.vue    |  4 ++--
 src/components/ReadyStockList.vue | 30 +++++++++++++++++-------------
 src/store.ts                      |  1 +
 3 files changed, 20 insertions(+), 15 deletions(-)

diff --git a/src/components/ListSection.vue b/src/components/ListSection.vue
index 2ba814b..cbed3b4 100644
--- a/src/components/ListSection.vue
+++ b/src/components/ListSection.vue
@@ -68,9 +68,9 @@
           | Vmax pociągu: <span class="text--accent">{{ maxStockSpeed }} km/h</span>
         </div>
 
-        <div v-if="store.chosenRealStockName" style="margin-top: 0.25rem">
+        <!-- <div v-if="store.chosenRealStockName" style="margin-top: 0.25rem">
           <b>{{ store.chosenRealStockName.toLocaleUpperCase() }}</b>
-        </div>
+        </div> -->
       </div>
 
       <div class="stock-list_string">
diff --git a/src/components/ReadyStockList.vue b/src/components/ReadyStockList.vue
index c8ec868..cad05ca 100644
--- a/src/components/ReadyStockList.vue
+++ b/src/components/ReadyStockList.vue
@@ -1,17 +1,19 @@
 <template>
   <div class="ready-stock-list" v-if="isOpen">
-    <button class="btn btn--text exit" @click="exit">&lt; POWRÓT</button>
-    <div class="header">
-      <h1>
-        REALNE ZESTAWIENIA
-        <div>by <a href="https://td2.info.pl/profile/?u=17708" target="_blank">Railtrains997</a></div>
-      </h1>
-      <p>
-        {{ isMobile ? 'Przytrzymaj zestawienie' : 'Kliknij na zestawienie prawym przyciskiem myszy' }}, aby zobaczyć je
-        na stronie <i>vagonweb.cz</i>
-      </p>
+    <div class="top-sticky">
+      <button class="btn btn--text exit" @click="exit">&lt; POWRÓT</button>
 
-      <input type="text" tabindex="0" v-model="searchedReadyStockName" placeholder="Szukaj zestawienia..." />
+      <div class="header">
+        <h1>
+          REALNE ZESTAWIENIA
+          <div>by <a href="https://td2.info.pl/profile/?u=17708" target="_blank">Railtrains997</a></div>
+        </h1>
+        <p>
+          {{ isMobile ? 'Przytrzymaj zestawienie' : 'Kliknij na zestawienie prawym przyciskiem myszy' }}, aby zobaczyć je
+          na stronie <i>vagonweb.cz</i>
+        </p>
+        <input type="text" tabindex="0" v-model="searchedReadyStockName" placeholder="Szukaj zestawienia..." />
+      </div>
     </div>
 
     <ul v-if="responseStatus == 'loaded'">
@@ -219,11 +221,13 @@ input {
 
   overflow-y: auto;
 
-  .header {
+  .top-sticky {
     position: sticky;
     top: 0;
-
     background: #333;
+  }
+
+  .header {
     padding-bottom: 1.5em;
     padding-top: 0.5em;
 
diff --git a/src/store.ts b/src/store.ts
index e30cfed..2c544e7 100644
--- a/src/store.ts
+++ b/src/store.ts
@@ -25,6 +25,7 @@ export const Store: IStore = reactive({
 
     chosenStockListIndex: -1,
     chosenRealStockName: null,
+
     // locoOptions: [] as ILocomotive[],
     // carOptions: [] as ICarWagon[],