From 992b6e06da71198eb7b6eb9f95f7f315fed715c1 Mon Sep 17 00:00:00 2001
From: Sergey Stepanov <sergystepanov@gmail.com>
Date: Tue, 12 Sep 2023 01:55:35 +0300
Subject: [PATCH] Hide sys info in the frontend

---
 web/css/main.css   |  4 ++--
 web/js/gameList.js | 11 +++++++----
 2 files changed, 9 insertions(+), 6 deletions(-)

diff --git a/web/css/main.css b/web/css/main.css
index 7daa3640..d106b1be 100644
--- a/web/css/main.css
+++ b/web/css/main.css
@@ -502,9 +502,9 @@ body {
 
 .menu-item__info {
     color: white;
-    font-size: 50%;
+    font-size: 30%;
     position: absolute;
-    right: 15px;
+    left: 15px;
 }
 
 .text-move {
diff --git a/web/js/gameList.js b/web/js/gameList.js
index f77a7ef6..406b27e0 100644
--- a/web/js/gameList.js
+++ b/web/js/gameList.js
@@ -112,7 +112,7 @@ const gameList = (() => {
 
             const clear = () => {
                 _title.reset()
-                _desc.hide()
+                // _desc.hide()
             }
 
             return {
@@ -130,13 +130,16 @@ const gameList = (() => {
             rootEl.innerHTML = games.list.map(game =>
                 `<div class="menu-item">` +
                 `<div><span>${game.title}</span></div>` +
-                `<div class="menu-item__info hidden">${game.system}</div>` +
+                //`<div class="menu-item__info">${game.system}</div>` +
                 `</div>`)
                 .join('')
             items = [...rootEl.querySelectorAll('.menu-item')].map(x => item(x))
         }
 
         return {
+            get items() {
+                return items
+            },
             get selected() {
                 return items[games.index]
             },
@@ -179,7 +182,7 @@ const gameList = (() => {
     }
 
     const select = (index) => {
-        ui.selected && ui.selected.clear()
+        ui.items.forEach(i => i.clear()) // !to rewrite
         games.index = index
         ui.pos = games.index
     }
@@ -193,7 +196,7 @@ const gameList = (() => {
         if (item) {
             item.title.pick()
             item.title.animate()
-            hasTransition ? (ui.onTransitionEnd = item.description.show) : item.description.show()
+            // hasTransition ? (ui.onTransitionEnd = item.description.show) : item.description.show()
         }
     }