diff --git a/neode-ui/src/style.css b/neode-ui/src/style.css index 3e4872f8..fb79467a 100644 --- a/neode-ui/src/style.css +++ b/neode-ui/src/style.css @@ -3081,3 +3081,25 @@ select.mesh-bitcoin-input option { background: #1a1a2e; color: rgba(255,255,255, .mesh-deadman-field { display: flex; flex-direction: column; gap: 4px; } .mesh-deadman-info { display: flex; gap: 12px; flex-wrap: wrap; } .mesh-deadman-info-item { font-size: 0.75rem; color: rgba(255,255,255,0.4); } + +/* ── Global dropdown normalization ───────────────────────────────────────── + Native select arrows rendered with inconsistent right padding per browser + and per ad-hoc utility classes, and long labels could run into the icon. + One rule for every select: no native arrow, one chevron at a fixed inset, + uniform right padding (wins over pr-* utilities), and ellipsis truncation. */ +select { + appearance: none; + -webkit-appearance: none; + -moz-appearance: none; + background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='rgba(255,255,255,0.55)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E"); + background-repeat: no-repeat; + background-position: right 0.75rem center; + background-size: 1rem 1rem; + padding-right: 2.5rem !important; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; +} +select::-ms-expand { + display: none; +}