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 index 6248a57..55a6a3f 100644 --- 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 index 6018998..caea87e 100644 --- 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; + } } \ No newline at end of file diff --git a/src/styles/systemBars.scss b/src/styles/systemBars.scss index 2b95e83..37bf6ce 100644 --- 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 index e80f85f..a347fe8 100644 --- 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); }