David Cook
29d3b34776
Increase dropdown height
2024-03-06 17:12:15 +11:00
David Cook
e770f10f2b
Tomselect has minimum width
2024-03-06 14:10:54 +11:00
David Cook
bfd6319cf2
Mark tom-select as changed
...
Thankfully I was able to use basic DOM features, so there's no coupling of the logic with tom-select.
It wasn't going to be simple to get tom-select to listen for the 'changed' class on the original select, so I found a simple solution with a CSS sibling selector instead.
2024-03-06 13:41:22 +11:00
David Cook
af748158aa
Hide chevron until hover to allow a bit more space for text
2024-03-06 13:41:22 +11:00
David Cook
864b876a9a
Add tom-select with naked style
...
The rem units are converted to em to make the padding relative to the chevron size. This means different font sizes will Just Work.
2024-03-06 13:41:22 +11:00
David Cook
443b3134df
Tweak padding
...
I'm not sure why this requires extra padding here, but it looks good 🤷
Co-authored-by: Mario Carabotta <6696729+mariocarabotta@users.noreply.github.com >
2024-01-10 14:26:56 +11:00
David Cook
2cbe9a4268
Style tom-select dropdown-input to appear over the main control
...
It's more compact, and we don't need to see the currently selected value because it's highlighted in the list already.
2023-12-14 15:23:40 +11:00
David Cook
2756e37603
Placeholder style
2023-12-14 14:19:31 +11:00
David Cook
f29c1d5797
Use chevron for dropdown icon
...
We should be able to use @extend .icon-chevron-down, but I couldn't get it to work. I'd like to have a better method for this, but we should upgrade our ancient FontAwesome before worrying about that.
2023-12-14 14:13:01 +11:00
David Cook
1776420d4a
Clip long content with ellipsis
2023-12-14 14:13:01 +11:00
David Cook
0efda02b9b
Style list items as per design
2023-12-14 13:33:05 +11:00
David Cook
3fbd5f6357
Style single-select as per design
2023-12-14 13:33:03 +11:00
David Cook
05582b3d2d
Fix display of single-select dropdowns
2023-12-14 13:28:41 +11:00
David Cook
53c49050a6
Use body font size on all form inputs
2023-12-14 13:28:41 +11:00
Jean-Baptiste Bellet
200550588a
Be as clause as possible from native <select />
...
Still need to wrap/ellipsis selected item...
2023-08-15 08:36:50 +02:00
Jean-Baptiste Bellet
6fe069608c
Re-adjust tom-select to match admin v3 style
2023-08-15 08:36:50 +02:00
