Align selector icons with centered labels

This commit is contained in:
2026-08-05 17:45:22 +02:00
parent e68c5d2bc7
commit f463bd27e7
5 changed files with 29 additions and 9 deletions
+6 -3
View File
@@ -57,8 +57,11 @@
</div>
<div class="select-control">
<svg class="sidebar-icon select-icon" aria-hidden="true"><use href="/icons.svg#globe"></use></svg>
<select class="input-like" id="languageSelect" aria-label="Language">
<div class="select-display" aria-hidden="true">
<svg class="sidebar-icon" aria-hidden="true"><use href="/icons.svg#globe"></use></svg>
<span id="languageValue">Select language</span>
</div>
<select class="input-like language-native-select" id="languageSelect" aria-label="Language">
<option value="">Select language</option>
</select>
<span class="select-chevron" aria-hidden="true"></span>
@@ -66,7 +69,7 @@
<div class="manufacturer-picker" id="manufacturerPicker">
<button class="manufacturer-trigger" id="manufacturerTrigger" type="button" aria-haspopup="listbox" aria-expanded="false">
<svg class="sidebar-icon select-icon" aria-hidden="true"><use href="/icons.svg#tag"></use></svg>
<svg class="sidebar-icon" aria-hidden="true"><use href="/icons.svg#tag"></use></svg>
<span id="manufacturerValue">Select manufacturer</span>
<span class="select-chevron picker-chevron" aria-hidden="true"></span>
</button>