web/SettingsDropdown: add a separator after first item, always lowercase

also split out anything in brackets in preview
This commit is contained in:
wukko 2024-10-28 23:14:19 +06:00
parent e081751c59
commit 1373d16286
No known key found for this signature in database
GPG key ID: 3E30B3F26C7B4AA2

View file

@ -40,17 +40,20 @@
</h4> </h4>
<div class="right-side"> <div class="right-side">
<span class="selector-current" aria-hidden="true"> <span class="selector-current" aria-hidden="true">
{selectedTitle} {selectedTitle.split("(", 2)[0]}
</span> </span>
<IconSelector /> <IconSelector />
</div> </div>
</div> </div>
<select on:change={e => onChange(e)} {disabled}> <select on:change={e => onChange(e)} {disabled}>
{#each Object.keys(items) as value} {#each Object.keys(items) as value, i}
<option {value} selected={selectedOption === value}> <option {value} selected={selectedOption === value}>
{items[value]} {items[value]}
</option> </option>
{#if i === 0}
<hr>
{/if}
{/each} {/each}
</select> </select>
</div> </div>
@ -118,6 +121,7 @@
.selector select { .selector select {
font-size: 13px; font-size: 13px;
font-weight: 400; font-weight: 400;
text-transform: lowercase;
} }
.right-side :global(svg) { .right-side :global(svg) {