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 @@ - +