From 58b614d2b6a26c28e53a8ea31213864e9ce99c78 Mon Sep 17 00:00:00 2001 From: thisconnect Date: Thu, 12 Feb 2026 13:27:33 +0100 Subject: [PATCH 1/4] frontend: remove unnecessary account search styling Input component already has default styling, and CSS variables such as var(--color-primary-rgb) seem halucinated. The selector didn't target the search input element anymore, but when fixing the selectors the search field is invisible in dark mode. Removing the unnecessary styling. Related - a45bb14ae82ff215eab15517b116706567e0fc12 --- .../web/src/routes/account/account.module.css | 25 +------------------ 1 file changed, 1 insertion(+), 24 deletions(-) diff --git a/frontends/web/src/routes/account/account.module.css b/frontends/web/src/routes/account/account.module.css index 10c0872019..7ad4e9e7f9 100644 --- a/frontends/web/src/routes/account/account.module.css +++ b/frontends/web/src/routes/account/account.module.css @@ -187,31 +187,8 @@ transform: translateY(-10px); } -.searchInput { - background-color: var(--color-background); - border: 1px solid var(--color-border); - border-radius: 4px; - color: var(--color-text); - font-size: var(--size-default); - transition: border-color 0.2s ease; - margin: 0; - margin-bottom: var(--space-half); - min-width: 320px; - width: 100%; -} - -.searchInput:focus { - outline: none; - border-color: var(--color-primary); - box-shadow: 0 0 0 2px rgba(var(--color-primary-rgb), 0.1); -} - -.searchInput::placeholder { - color: var(--color-secondary); -} - @media (max-width: 768px) { - .searchInput { + .searchInput > div { padding-right: 0; } From 2bba16dcbc898d192d3a41eba25ceaa3479ef2fd Mon Sep 17 00:00:00 2001 From: thisconnect Date: Thu, 12 Feb 2026 13:33:15 +0100 Subject: [PATCH 2/4] frontend: fix error styling regression Regression introduced in: - a45bb14ae82ff215eab15517b116706567e0fc12 --- .../web/src/routes/device/bitbox02/setup/name.module.css | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/frontends/web/src/routes/device/bitbox02/setup/name.module.css b/frontends/web/src/routes/device/bitbox02/setup/name.module.css index 4b98850bc3..42c237407a 100644 --- a/frontends/web/src/routes/device/bitbox02/setup/name.module.css +++ b/frontends/web/src/routes/device/bitbox02/setup/name.module.css @@ -1,5 +1,5 @@ -.inputError input, -.inputError input:focus { +.inputError > div, +.inputError > div:focus-within { border-color: var(--color-danger); } From df0c77b84b0bfffa1f50391c860d13411b2843a9 Mon Sep 17 00:00:00 2001 From: thisconnect Date: Thu, 12 Feb 2026 13:42:10 +0100 Subject: [PATCH 3/4] frontend: remove unnecessary add-account choose name input style As parent element has a minimum height the margin after the choose name input field has no effect. --- frontends/web/src/routes/account/add/add-account.module.css | 4 ---- frontends/web/src/routes/account/add/add-account.tsx | 1 - 2 files changed, 5 deletions(-) diff --git a/frontends/web/src/routes/account/add/add-account.module.css b/frontends/web/src/routes/account/add/add-account.module.css index 48c70dde17..3d1af07c67 100644 --- a/frontends/web/src/routes/account/add/add-account.module.css +++ b/frontends/web/src/routes/account/add/add-account.module.css @@ -20,10 +20,6 @@ min-height: 90px; } -.accountNameInput { - margin-bottom: 0; -} - .successMessage { color: var(--color-secondary); } diff --git a/frontends/web/src/routes/account/add/add-account.tsx b/frontends/web/src/routes/account/add/add-account.tsx index 4cd2059797..7f3b9a1815 100644 --- a/frontends/web/src/routes/account/add/add-account.tsx +++ b/frontends/web/src/routes/account/add/add-account.tsx @@ -78,7 +78,6 @@ const AddAccountSteps = ({ }} /> Date: Thu, 12 Feb 2026 13:54:47 +0100 Subject: [PATCH 4/4] frontend: tiny custom feetarget fix Fee amount and fee unit in custom fee input did not perfectly align. --- .../src/routes/account/send/feetargets.module.css | 13 ++++++++----- 1 file changed, 8 insertions(+), 5 deletions(-) diff --git a/frontends/web/src/routes/account/send/feetargets.module.css b/frontends/web/src/routes/account/send/feetargets.module.css index 601546a608..45d43212c8 100644 --- a/frontends/web/src/routes/account/send/feetargets.module.css +++ b/frontends/web/src/routes/account/send/feetargets.module.css @@ -36,6 +36,14 @@ margin-bottom: var(--space-quarter); } +.fee input { + height: auto; +} + +.fee input::placeholder { + font-size: var(--size-small); +} + .fee > div:not(:focus-within):not(:has(:invalid)) { border-left: none; } @@ -60,11 +68,6 @@ border-right-color: var(--background-secondary); border-width: var(--border-width); } - -.fee input::placeholder { - font-size: var(--size-small); -} - .customFeeUnit { color: var(--color-secondary); font-size: var(--size-small);