custom chevron on selects with 16px right inset

Browse Source

Native <select> chevrons render at varying offsets across browsers.
Replaced them with `appearance-none` + an absolute-positioned
chevron-down Icon at right-4 (16px) so the gap between the chevron
and the right border is consistent. Applied to RegisterPage's
salutation select and ShippingStep's shipping/billing country selects.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>

...

This commit is contained in:

Dorian

2026-05-03 18:56:24 +01:00

parent 0bf8a32d97

commit 4ed021280a

10 changed files with 58 additions and 32 deletions

Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL

Download Patch File Download Diff File Expand all files Collapse all files

1

dist/assets/RegisterPage-CiyoHd1x.js vendored

File diff suppressed because one or more lines are too long

1

dist/assets/RegisterPage-dPnfxt-C.js vendored Normal file

File diff suppressed because one or more lines are too long

1

dist/assets/ShippingStep-BGY1kvmS.js vendored Normal file

File diff suppressed because one or more lines are too long

1

dist/assets/ShippingStep-Be1TWOW2.js vendored

File diff suppressed because one or more lines are too long

1

dist/assets/index-BhtMpj4L.css vendored

File diff suppressed because one or more lines are too long

1

dist/assets/index-CLf26bWJ.css vendored Normal file

File diff suppressed because one or more lines are too long

4

dist/assets/index-BEH7XedS.js → dist/assets/index-DSgweLra.js vendored

File diff suppressed because one or more lines are too long