From 66e92b803f43f2c045fd31d1a2aacb30eea9f08e Mon Sep 17 00:00:00 2001 From: ygg2 <43683750+ygg2@users.noreply.github.com> Date: Wed, 4 Mar 2026 23:50:17 -0500 Subject: [PATCH 1/6] mobile sticker width + timestamp baseline --- src/webpage/style.css | 5 +++++ 1 file changed, 5 insertions(+) diff --git a/src/webpage/style.css b/src/webpage/style.css index cb9ec48c..89ecff64 100644 --- a/src/webpage/style.css +++ b/src/webpage/style.css @@ -2687,6 +2687,7 @@ input[type="search"]:read-only { .timestamp { flex: none; margin-left: 6px; + margin-bottom: 1px; font-size: 0.75em; color: var(--primary-text-soft); } @@ -4337,6 +4338,10 @@ fieldset input[type="radio"] { .reactiondiv { padding-left: 44px; } + .sticker { + height: auto; + max-width: 100%; + } #realbox, #logindiv, #pasteimg { From 23567626cb3aef0e5d6e38ad53668e5013e00380 Mon Sep 17 00:00:00 2001 From: ygg2 <43683750+ygg2@users.noreply.github.com> Date: Fri, 6 Mar 2026 08:54:22 -0500 Subject: [PATCH 2/6] make non-square pfps not stretch --- src/webpage/style.css | 1 + 1 file changed, 1 insertion(+) diff --git a/src/webpage/style.css b/src/webpage/style.css index 89ecff64..87d870f4 100644 --- a/src/webpage/style.css +++ b/src/webpage/style.css @@ -796,6 +796,7 @@ textarea { height: 32px; width: 32px; border-radius: 50%; + object-fit: cover; cursor: pointer; user-select: none; } From b30bab3b26f644d661cf5666f1ad9d78b6c6bfda Mon Sep 17 00:00:00 2001 From: ygg2 <43683750+ygg2@users.noreply.github.com> Date: Fri, 6 Mar 2026 23:34:57 -0500 Subject: [PATCH 3/6] match DM style to channel style --- src/webpage/style.css | 7 +++++-- 1 file changed, 5 insertions(+), 2 deletions(-) diff --git a/src/webpage/style.css b/src/webpage/style.css index 87d870f4..f3758705 100644 --- a/src/webpage/style.css +++ b/src/webpage/style.css @@ -2047,7 +2047,9 @@ span.instanceStatus { margin-bottom: 4px; transition: background 0.2s; &.viewChannel { - background: #00000050; + background: var(--channel-selected); + color: var(--primary-text-prominent); + font-weight: bold; } } .memberListStyle { @@ -2070,7 +2072,8 @@ span.instanceStatus { color: var(--primary-text-prominent); } #channels .liststyle { - margin: 0 8px; + margin-left: 8px; + margin-right: 8px; } /* Dock */ From d53a9d3f0779e3dabec508a06b0d2c6b05e167a1 Mon Sep 17 00:00:00 2001 From: ygg2 <43683750+ygg2@users.noreply.github.com> Date: Fri, 6 Mar 2026 23:48:23 -0500 Subject: [PATCH 4/6] sorry, missed one part --- src/webpage/style.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/webpage/style.css b/src/webpage/style.css index f3758705..fa0f4653 100644 --- a/src/webpage/style.css +++ b/src/webpage/style.css @@ -2046,7 +2046,7 @@ span.instanceStatus { flex-shrink: 0; margin-bottom: 4px; transition: background 0.2s; - &.viewChannel { + &.viewChannel, &.viewChannel:hover { background: var(--channel-selected); color: var(--primary-text-prominent); font-weight: bold; From 0f372ed87689a714ddb6c7854f4aefd46e3689e6 Mon Sep 17 00:00:00 2001 From: ygg2 <43683750+ygg2@users.noreply.github.com> Date: Sat, 7 Mar 2026 01:11:01 -0500 Subject: [PATCH 5/6] more light/white theme adjust --- src/webpage/style.css | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/src/webpage/style.css b/src/webpage/style.css index fa0f4653..2d36d014 100644 --- a/src/webpage/style.css +++ b/src/webpage/style.css @@ -4636,7 +4636,7 @@ fieldset input[type="radio"] { display: inline-flex; align-items: center; justify-content: center; - background: #00000099; + background: color-mix(in srgb, var(--card-bg) 60%, transparent); font-weight: bold; } } @@ -4652,7 +4652,7 @@ fieldset input[type="radio"] { overflow-x: clip; } .searchGifBar { - background: var(--black); + background: var(--card-bg); } .vr-message { border-right: 1px solid var(--black) !important; From 4fe1903cd2f3ff5250fc500635ccc0a886385bf0 Mon Sep 17 00:00:00 2001 From: ygg2 <43683750+ygg2@users.noreply.github.com> Date: Mon, 9 Mar 2026 07:16:59 -0400 Subject: [PATCH 6/6] fix baseline real user info/reply flexes now use baseline alignment and only center the icons --- src/webpage/style.css | 11 +++++------ 1 file changed, 5 insertions(+), 6 deletions(-) diff --git a/src/webpage/style.css b/src/webpage/style.css index 2d36d014..23b95749 100644 --- a/src/webpage/style.css +++ b/src/webpage/style.css @@ -2585,7 +2585,6 @@ span.instanceStatus { } } .username { - margin-top: auto; font-weight: bold; word-break: break-all; cursor: pointer; @@ -2602,10 +2601,11 @@ span.instanceStatus { width: 20px; height: 20px; object-fit: contain; + align-self: center; } .userwrap { display: flex; - align-items: flex-end; + align-items: baseline; } .pinText { cursor: pointer; @@ -2626,7 +2626,6 @@ span.instanceStatus { .bot { padding: 2px 5px; margin-left: 4px; - vertical-align: 1px; background: color-mix(in srgb, var(--accent-color) 75%, transparent) !important; font-size: 0.75em !important; font-weight: bold; @@ -2635,6 +2634,7 @@ span.instanceStatus { flex-grow: 0; width: fit-content; background-clip: border-box !important; + align-self: center; } .membererror { display: inline-block; @@ -2691,7 +2691,6 @@ input[type="search"]:read-only { .timestamp { flex: none; margin-left: 6px; - margin-bottom: 1px; font-size: 0.75em; color: var(--primary-text-soft); } @@ -2741,7 +2740,7 @@ span .quote:last-of-type .quoteline { margin-bottom: 4px; font-size: 0.9em; color: var(--reply-text); - align-items: center; + align-items: baseline; gap: 4px; } .replyflex::before { @@ -2764,13 +2763,13 @@ span .quote:last-of-type .quoteline { .replypfp { height: 20px; width: 20px; + align-self: center; } .replyflex .username { flex: none; max-width: calc(100% - 75px); } .replytext { - margin-top: auto; cursor: pointer; } .replytext a {