From dac2cc135f32b30ebabfd2f1a731ab9d2d38e2eb Mon Sep 17 00:00:00 2001 From: Rgoplay <52797377+Rgoplay@users.noreply.github.com> Date: Tue, 17 Feb 2026 12:38:54 +0100 Subject: [PATCH 1/3] Fixes creating invisible scroll on form error Added hint when friend request is sent --- src/webpage/direct.ts | 1 + src/webpage/style.css | 2 +- translations/en.json | 1 + 3 files changed, 3 insertions(+), 1 deletion(-) diff --git a/src/webpage/direct.ts b/src/webpage/direct.ts index 679ce68c..bcca8b05 100644 --- a/src/webpage/direct.ts +++ b/src/webpage/direct.ts @@ -319,6 +319,7 @@ class Direct extends Guild { const box = text.input.deref(); if (!box) return; box.value = ""; + box.placeholder = I18n.friends.requestsent(); } }, { diff --git a/src/webpage/style.css b/src/webpage/style.css index bf40fd5d..96eec173 100644 --- a/src/webpage/style.css +++ b/src/webpage/style.css @@ -3916,7 +3916,7 @@ fieldset input[type="radio"] { } .flexspace { padding-bottom: 32px; - overflow-y: auto; + overflow-y: visible; position: relative; } .flexspace:has(.flexspace) { diff --git a/translations/en.json b/translations/en.json index d6002ed4..b6216899 100644 --- a/translations/en.json +++ b/translations/en.json @@ -263,6 +263,7 @@ "friends": { "addfriend": "Add friend", "addfriendpromt": "Add friends by username:", + "requestsent": "Request sent!", "all": "All", "all:": "All friends:", "blocked": "Blocked", From 9105354480110c7bd6227d73eb5f4573f3a5b613 Mon Sep 17 00:00:00 2001 From: Rgoplay <52797377+Rgoplay@users.noreply.github.com> Date: Tue, 17 Feb 2026 17:33:40 +0100 Subject: [PATCH 2/3] Reverting overflow change, final fix --- src/webpage/style.css | 5 +++-- translations/en.json | 2 +- 2 files changed, 4 insertions(+), 3 deletions(-) diff --git a/src/webpage/style.css b/src/webpage/style.css index 96eec173..3585c6d0 100644 --- a/src/webpage/style.css +++ b/src/webpage/style.css @@ -3916,7 +3916,7 @@ fieldset input[type="radio"] { } .flexspace { padding-bottom: 32px; - overflow-y: visible; + overflow-y: auto; position: relative; } .flexspace:has(.flexspace) { @@ -4427,7 +4427,7 @@ fieldset input[type="radio"] { .suberrora { background: var(--channel-hover); border-radius: 0.1in; - position: absolute; + position: relative; border: solid var(--primary-text) 0.02in; color: color-mix(in hsl, var(--yellow), var(--red)); font-weight: bold; @@ -4442,6 +4442,7 @@ fieldset input[type="radio"] { box-sizing: border-box; pointer-events: none; z-index: 10000000; + width: fit-content; } @keyframes goout { 0%, diff --git a/translations/en.json b/translations/en.json index b6216899..113808a5 100644 --- a/translations/en.json +++ b/translations/en.json @@ -847,7 +847,7 @@ "title": "Stickers", "upload": "Upload stickers" }, - "submit": "submit", + "submit": "Submit", "switchAccounts": "Switch accounts ⇌", "todayAt": "Today at $1", "trace": { From 270d7f64133adddc5bd8fb0ddd87b7f230bfb21b Mon Sep 17 00:00:00 2001 From: Rgoplay <52797377+Rgoplay@users.noreply.github.com> Date: Sun, 8 Mar 2026 17:59:02 +0100 Subject: [PATCH 3/3] Revert back fix + new fix for scrolling --- src/webpage/settings.ts | 4 ++++ src/webpage/style.css | 3 +-- 2 files changed, 5 insertions(+), 2 deletions(-) diff --git a/src/webpage/settings.ts b/src/webpage/settings.ts index 8575f479..ec21a5bc 100644 --- a/src/webpage/settings.ts +++ b/src/webpage/settings.ts @@ -2103,10 +2103,14 @@ class Form implements OptionsElement { div.classList.add("suberror", "suberrora"); e.append(div); element = div; + setTimeout((_) => { + element.scrollIntoView(false); + }, 100); } else { element.classList.remove("suberror"); setTimeout((_) => { element.classList.add("suberror"); + element.scrollIntoView(false); }, 100); } element.textContent = message; diff --git a/src/webpage/style.css b/src/webpage/style.css index 3585c6d0..bf40fd5d 100644 --- a/src/webpage/style.css +++ b/src/webpage/style.css @@ -4427,7 +4427,7 @@ fieldset input[type="radio"] { .suberrora { background: var(--channel-hover); border-radius: 0.1in; - position: relative; + position: absolute; border: solid var(--primary-text) 0.02in; color: color-mix(in hsl, var(--yellow), var(--red)); font-weight: bold; @@ -4442,7 +4442,6 @@ fieldset input[type="radio"] { box-sizing: border-box; pointer-events: none; z-index: 10000000; - width: fit-content; } @keyframes goout { 0%,