feat: better menu styling

Sv443 · Jan 1, 2024 · faae0f0 · faae0f0
1 parent 50309b9
commit faae0f0
Show file tree

Hide file tree

Showing 2 changed files with 25 additions and 5 deletions.
diff --git a/src/menu/menu_old.css b/src/menu/menu_old.css
@@ -33,7 +33,7 @@
   height: 100%;
   top: 0;
   left: 0;
-  z-index: 15;
+  z-index: 5;
   background-color: rgba(0, 0, 0, 0.6);
 }
 
@@ -48,7 +48,7 @@
   left: 50%;
   top: 50%;
   transform: translate(-50%, -50%);
-  z-index: 16;
+  z-index: 6;
   color: #fff;
   background-color: var(--bytm-menu-bg);
 }
@@ -100,10 +100,16 @@
 
 #bytm-menu-version {
   position: absolute;
+  width: 100%;
   bottom: -10px;
   left: 0;
   font-size: 10px;
   font-weight: normal;
+  z-index: 7;
+}
+
+#bytm-menu-version .bytm-link {
+  color: #c6d2db;
 }
 
 #bytm-menu-linkscont {
@@ -122,6 +128,17 @@
   margin-right: 10px;
 }
 
+.bytm-menu-link .bytm-menu-img {
+  position: relative;
+  border-radius: 50%;
+  bottom: 0px;
+  transition: bottom 0.15s ease-out;
+}
+
+.bytm-menu-link:hover .bytm-menu-img {
+  bottom: 5px;
+}
+
 .bytm-menu-close {
   width: 32px;
   height: 32px;
@@ -180,7 +197,7 @@
   transform: translateX(-50%);
   width: 32px;
   height: 32px;
-  z-index: 101;
+  z-index: 7;
   background-color: var(--bytm-scroll-indicator-bg);
   border-radius: 50%;
   cursor: pointer;

diff --git a/src/menu/menu_old.ts b/src/menu/menu_old.ts
@@ -510,8 +510,10 @@ export async function addCfgMenu() {
   menuContainer.appendChild(headerElem);
   menuContainer.appendChild(featuresCont);
 
+  const versionElemCont = document.createElement("div");
+  versionElemCont.id = "bytm-menu-version";
+
   const versionElem = document.createElement("a");
-  versionElem.id = "bytm-menu-version";
   versionElem.classList.add("bytm-link");
   versionElem.role = "button";
   versionElem.title = t("version_tooltip", scriptInfo.version, scriptInfo.buildNumber);
@@ -526,7 +528,8 @@ export async function addCfgMenu() {
   });
 
   menuContainer.appendChild(footerCont);
-  titleElem.appendChild(versionElem);
+  versionElemCont.appendChild(versionElem);
+  titleElem.appendChild(versionElemCont);
 
   backgroundElem.appendChild(menuContainer);