raggedstaff/openfoodnetwork
1
0
Fork 0
mirror of https://github.com/openfoodfoundation/openfoodnetwork synced 2026-01-24 20:36:49 +00:00
Code Issues Packages Projects Releases Wiki Activity

Use chevron for dropdown icon

Browse Source 
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.
This commit is contained in:
David Cook
2023-12-14 13:28:16 +11:00
parent 1776420d4a
commit f29c1d5797
1 changed files with 16 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
app/webpacker/css/admin_v3/components/tom_select.scss
View File

@@ -87,11 +87,19 @@
}
.ts-control {
padding-right: 0.5rem !important; // ts has a clever variable-based rule here, but it doesn't seem to work right.
padding: 0.5rem 0.75rem;
padding-right: 1rem !important; // ts has a clever variable-based rule here, but it doesn't seem to work right.
overflow: hidden;
// Icon: Override TS icon with icon-chevron-down
&::after {
content: "\f078";
font-family: FontAwesome;
border: none;
top: 1em;
}
&:not(.rtl)::after {
right: 0.5rem;
right: 1.5rem;
}
.item {
@@ -102,6 +110,12 @@
text-wrap: nowrap;
}
}
&.dropdown-active .ts-control {
&::after {
content: "\f077"; // chevron-up
}
}
}
// 'no-input' mode, like a native select (hide text input).