From 0a9e64d36a9c0e336d67e7b1a4768ff5d688b909 Mon Sep 17 00:00:00 2001 From: Hampus Date: Mon, 24 Aug 2026 12:44:30 +0200 Subject: [PATCH] fix(app): keep the character counter inside the composer box (#1913) --- .../channel/components/MessageCharacterCounter.module.css | 8 +++++++- .../channel/components/textarea/InputWrapper.module.css | 5 +++-- 2 files changed, 10 insertions(+), 3 deletions(-) diff --git a/fluxer_app/src/features/channel/components/MessageCharacterCounter.module.css b/fluxer_app/src/features/channel/components/MessageCharacterCounter.module.css index 8443da48d..4fcfb82e4 100644 --- a/fluxer_app/src/features/channel/components/MessageCharacterCounter.module.css +++ b/fluxer_app/src/features/channel/components/MessageCharacterCounter.module.css @@ -3,6 +3,12 @@ .container { position: absolute; right: var(--composer-box-padding-inline, 0px); - bottom: calc(100% + var(--composer-status-safe-gap, 0.5rem)); + bottom: var(--composer-status-safe-gap, 0.5rem); z-index: 4; + padding: 0 0.25rem; + border-radius: 0.25rem; + background: var(--composer-surface-fill, var(--background-secondary-lighter)); + text-shadow: + 0 0 0.1875rem var(--composer-surface-fill), + 0 0 0.5rem var(--composer-surface-fill); } diff --git a/fluxer_app/src/features/channel/components/textarea/InputWrapper.module.css b/fluxer_app/src/features/channel/components/textarea/InputWrapper.module.css index 42a5c20be..cf47dbe49 100644 --- a/fluxer_app/src/features/channel/components/textarea/InputWrapper.module.css +++ b/fluxer_app/src/features/channel/components/textarea/InputWrapper.module.css @@ -57,8 +57,9 @@ background: linear-gradient( to bottom, transparent 0%, - color-mix(in srgb, var(--composer-surface-fill) 42%, transparent) 34%, - color-mix(in srgb, var(--composer-surface-fill) 82%, transparent) 66%, + color-mix(in srgb, var(--composer-surface-fill) 48%, transparent) 26%, + color-mix(in srgb, var(--composer-surface-fill) 82%, transparent) 54%, + var(--composer-surface-fill) 78%, var(--composer-surface-fill) 100% ); pointer-events: none;