0.5.5 => fix mock system bars appearing, redirect issues, add accesib…

…ility group titles, fix clear button visibility
groovelauncher · Jan 31, 2025 · e61509b · e61509b
1 parent 4ffc968
commit e61509b
Show file tree

Hide file tree

Showing 4 changed files with 32 additions and 7 deletions.
diff --git a/src/apps/groove.internal.settings/pages/03_ease_of_access.js b/src/apps/groove.internal.settings/pages/03_ease_of_access.js
@@ -35,7 +35,7 @@ function handleFileInput(event) {
                 }, 100);
             });
         };
-        
+
         reader.onerror = function () {
             parent.GrooveBoard.alert(
                 window.i18n.t("settings.alerts.font_read_error.title"),
@@ -96,15 +96,20 @@ setTimeout(() => {
         window.setFont(font)
         fontStore.hasFont().then((value) => {
             if (value || localStorage["customFontName"]) {
-                document.getElementById("clearfont").style.visibility = "visible"
+                document.getElementById("clearfont").classList.remove("hidden")
                 document.querySelector("#font-chooser > div:nth-child(3) > span.name").innerText = localStorage["customFontName"] || "custom font"
 
             } else {
-                document.getElementById("clearfont").style.visibility = "hidden"
+                document.getElementById("clearfont").classList.add("hidden")
             }
         });
     } else {
-        document.getElementById("clearfont").style.visibility = "hidden"
+        document.getElementById("clearfont").classList.add("hidden")
+
+    }
+    if (localStorage.getItem("hapticFeedback") != "false") {
+        document.querySelector("div.haptic-toggle-switch > p").innerText = i18n.t("common.actions.on")
+        document.querySelector("div.haptic-toggle-switch > div > .metro-toggle-switch").setAttribute("checked", "")
     }
 }, 500);    //reduce-motion-toggle-switch
 if (!!localStorage.getItem("font")) {
@@ -114,7 +119,7 @@ if (!!localStorage.getItem("font")) {
 document.getElementById("clearfont").addEventListener("flowClick", () => {
     fontStore.clearFont()
     document.querySelector("#font-chooser > div:nth-child(3) > span.name").innerText = i18n.t("settings.ease_of_access.font.choose")
-    document.getElementById("clearfont").style.visibility = "hidden"
+    document.getElementById("clearfont").classList.add("hidden")
     window.setFont(0)
     document.getElementById("font-chooser").selectOption(0)
     parent.GrooveBoard.backendMethods.font.set(0)

diff --git a/src/apps/groove.internal.settings/style.scss b/src/apps/groove.internal.settings/style.scss
@@ -288,6 +288,13 @@ p.text {
     }
 }
 
+p.groups-title {
+    color: var(--metro-foreground);
+    font-size: 35px;
+    font-weight: 300;
+    margin: 6px 0px;
+}
+
 .group {
     position: relative;
     display: flex;
@@ -1036,4 +1043,11 @@ div.color-picker-controls {
         background: var(--metro-foreground) !important;
         color: var(--metro-background) !important;
     }
+}
+
+#clearfont {
+    &.hidden {
+        display: none;
+        visibility: hidden;
+    }
 }
diff --git a/src/styles/systemBars.scss b/src/styles/systemBars.scss
@@ -97,7 +97,13 @@ body {
 }
 
 
-
+body:not(.groove-mock) {
+    .system-bar {
+        display: none !important;
+        visibility: hidden !important;
+        pointer-events: none !important;
+    }
+}
 .groove-element {
     &.groove-element-alert-layer {
         position: fixed;

diff --git a/src/welcome.js b/src/welcome.js
@@ -267,7 +267,7 @@ document.querySelector("#page-readme button.right-btn").addEventListener("flowCl
             goToPage(7)
 
             setTimeout(() => {
-                location.href = new URL("./", location).href
+                location.href = new URL("./index.html", location).href
             }, 500);
         }