Menu bar and home page fixes

Author: gvbvdxxalt2

src/chat/elementjson/chat-styles.css

@@ -136,7 +136,7 @@
   --selected-emoji-popup-dialog-border-width: 2px;
   --selected-emoji-popup-dialog-text-color: hsl(134, 100%, 95%);
 
-  --server-notifcation-color: hsl(49deg, 100%, 50%);
+  --server-notifcation-color: hsl(49, 100%, 80%);
 
   --default-font-weight: 0px;
 
@@ -799,13 +799,15 @@ a {
 
 .rrchatMenuBar {
   display: flex;
-  position: absolute;
+  position: fixed;
   top: 0;
   left: 0;
-  background: var(--header-color);
   width: 100%;
-  height: 40px;
-  overflow: hidden;
+  min-height: 40px;
+  background: #b8b8b8;
+  z-index: 10;
+  overflow: auto;
+  transition: 0.2s;
 }
 
 .userMenuBar {

src/pages/index.js

@@ -82,7 +82,7 @@ var elementJSON = [
           duration: 700,
           iterations: 1,
           easing: "ease-out",
-        },
+        }
       );
       anim.addEventListener("finish", () => {
         elm.animate(
@@ -96,7 +96,7 @@ var elementJSON = [
             duration: 600,
             iterations: Infinity,
             easing: "ease-out",
-          },
+          }
         );
       });
     },
@@ -123,7 +123,7 @@ var elementJSON = [
           duration: 800,
           iterations: 1,
           easing: "ease-out",
-        },
+        }
       );
       anim.addEventListener("finish", () => {
         elm.animate(
@@ -137,7 +137,7 @@ var elementJSON = [
             duration: 800,
             iterations: Infinity,
             easing: "ease-out",
-          },
+          }
         );
       });
     },
@@ -163,7 +163,6 @@ var elementJSON = [
       borderRadius: "5px",
       boxShadow: "0 0px 30px black",
       padding: "15px 15px",
-      zIndex: "100",
 
       maxWidth: "90vw", // Set a maximum width based on viewport width (e.g., 90% of the viewport)
       maxHeight: "90vh",
@@ -205,7 +204,7 @@ var elementJSON = [
                 {
                   duration: 900,
                   easing: "ease-out",
-                },
+                }
               );
             },
           },
@@ -278,7 +277,7 @@ var elementJSON = [
                       if (!accountHelper.getCurrentValidationState()) {
                         if (
                           await dialogs.confirm(
-                            "Are you sure you want to enter chat without an Random Rants + account?",
+                            "Are you sure you want to enter chat without an Random Rants + account?"
                           )
                         ) {
                           window.location.href = "/chat";
@@ -301,7 +300,7 @@ var elementJSON = [
                       if (!accountHelper.getCurrentValidationState()) {
                         if (
                           await dialogs.confirm(
-                            "Are you sure you want to join someones room without an Random Rants + account?",
+                            "Are you sure you want to join someones room without an Random Rants + account?"
                           )
                         ) {
                           window.location.href = "/join";
@@ -460,7 +459,7 @@ var elementJSON = [
 
 elements.appendElements(
   elements.body,
-  elements.createElementsFromJSON(elementJSON),
+  elements.createElementsFromJSON(elementJSON)
 );
 
 var style = document.createElement("style");
@@ -481,7 +480,7 @@ var p1Animation = person1.animate(
     duration: 700,
     iterations: 1,
     easing: "ease-out",
-  },
+  }
 );
 p1Animation.addEventListener("finish", () => {
   person1.animate(
@@ -495,7 +494,7 @@ p1Animation.addEventListener("finish", () => {
       duration: 700,
       iterations: Infinity,
       easing: "ease-out",
-    },
+    }
   );
 });
 
@@ -511,7 +510,7 @@ var p2Animation = person2.animate(
     duration: 900,
     iterations: 1,
     easing: "ease-out",
-  },
+  }
 );
 
 p2Animation.addEventListener("finish", () => {
@@ -526,7 +525,7 @@ p2Animation.addEventListener("finish", () => {
       duration: 800,
       iterations: Infinity,
       easing: "ease-out",
-    },
+    }
   );
 });
 

src/pages/style.css

@@ -15,10 +15,10 @@ body {
   top: 0;
   left: 0;
   width: 100%;
-  height: 40px;
+  min-height: 40px;
   background: #b8b8b8;
   z-index: 10;
-  overflow: hidden;
+  overflow: auto;
   transition: 0.2s;
 }
 

wpstatic/version.json

@@ -1 +1 @@
-{"timestamp":"1762542793640"}
+{"timestamp":"1762797073923"}