From e3fa3ec48f72b655c2a7aa6de6fd603da5237fcd Mon Sep 17 00:00:00 2001 From: ABHAY PANDEY Date: Sun, 18 Oct 2026 21:16:48 +0530 Subject: [PATCH] fix(admin): stop notification target select chevron from tiling Use background-color on console inputs and pin form-select arrow styling so the type dropdown shows a single chevron. --- .changeset/admin-notification-select-chevron.md | 5 +++++ resources/admin/assets/dashboard.css | 14 ++++++++++++-- resources/admin/dashboard.html | 2 +- 3 files changed, 18 insertions(+), 3 deletions(-) create mode 100644 .changeset/admin-notification-select-chevron.md diff --git a/.changeset/admin-notification-select-chevron.md b/.changeset/admin-notification-select-chevron.md new file mode 100644 index 000000000..38cad1ce4 --- /dev/null +++ b/.changeset/admin-notification-select-chevron.md @@ -0,0 +1,5 @@ +--- +"nostream": patch +--- + +Fix the operator notifications target type dropdown so the select chevron renders once on the right instead of tiling across the field when `console-input` and `form-select` share the same control. diff --git a/resources/admin/assets/dashboard.css b/resources/admin/assets/dashboard.css index df2056aae..4e9873d71 100644 --- a/resources/admin/assets/dashboard.css +++ b/resources/admin/assets/dashboard.css @@ -297,7 +297,7 @@ } .admin-dashboard .console-input { - background: var(--bg); + background-color: var(--bg); border: 1px solid var(--panel-border); color: var(--text); font-family: inherit; @@ -305,7 +305,7 @@ } .admin-dashboard .console-input:focus { - background: var(--bg); + background-color: var(--bg); border-color: var(--accent); box-shadow: 0 0 0 2px color-mix(in srgb, var(--accent) 20%, transparent); color: var(--text); @@ -1564,6 +1564,16 @@ .admin-dashboard.console-theme .form-select { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23a8a8a8' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e"); + background-repeat: no-repeat; + background-position: right 0.75rem center; + background-size: 16px 12px; + padding-right: 2.25rem; +} + +.admin-dashboard.console-theme select.console-input.form-select:focus { + background-repeat: no-repeat; + background-position: right 0.75rem center; + background-size: 16px 12px; } .admin-dashboard.console-theme .form-select option { diff --git a/resources/admin/dashboard.html b/resources/admin/dashboard.html index 9e78b868c..c51206f42 100644 --- a/resources/admin/dashboard.html +++ b/resources/admin/dashboard.html @@ -8,7 +8,7 @@ - +