raggedstaff/openfoodnetwork
1
0
Fork 0
mirror of https://github.com/openfoodfoundation/openfoodnetwork synced 2026-03-25 05:45:15 +00:00
Code Issues Packages Projects Releases Wiki Activity

Re-adjust tom-select to match admin v3 style

Browse Source
This commit is contained in:
Jean-Baptiste Bellet
2023-07-18 15:04:07 +02:00
parent 223d350b43
commit 6fe069608c
2 changed files with 57 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
app/webpacker/css/admin_v3/all.scss
View File

@@ -125,7 +125,7 @@
@import "v3_overrides"; // admin_v3
@import "~tom-select/src/scss/tom-select.default";
@import "../admin/components/tom_select";
@import "components/tom_select"; // admin_v3
@import "app/components/help_modal_component/help_modal_component";
@import "app/components/confirm_modal_component/confirm_modal_component";

56
app/webpacker/css/admin_v3/components/tom_select.scss Normal file
View File

@@ -0,0 +1,56 @@
.ts-wrapper.single,
.ts-wrapper.multi {
min-height: 40px;
&.input-active {
.ts-control {
border-color: $lighter-grey;
input {
&::placeholder {
color: $light-grey;
}
}
}
}
.ts-control {
box-shadow: none;
border-color: $lighter-grey;
background-color: $lighter-grey;
background-image: none;
@include border-radius($border-radius);
input {
&::placeholder {
color: $near-black;
}
}
}
.ts-dropdown {
@include border-radius($border-radius);
border: none;
box-shadow: none;
color: $near-black;
.option {
&.selected {
border-left: 2px solid $orient;
}
&.active {
background-color: $lighter-grey;
color: $near-black;
}
}
}
}
.plugin-dropdown_input .dropdown-input {
border-color: $lighter-grey;
&:focus {
border-color: $orient;
}
}