raggedstaff/openfoodnetwork
1
0
Fork 0
mirror of https://github.com/openfoodfoundation/openfoodnetwork synced 2026-02-04 22:16:08 +00:00
Code Issues Packages Projects Releases Wiki Activity

Integrate select2 to admin_v3

Browse Source
This commit is contained in:
Jean-Baptiste Bellet
2023-09-05 15:22:12 +02:00
parent b8406be4b9
commit 3a67f5c9d7
2 changed files with 64 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

@@ -111,7 +111,7 @@
@import "../admin/question-mark-tooltip";
@import "../admin/relationships";
@import "../admin/reports";
@import "../admin/select2";
@import "components/select2"; // admin_v
@import "../admin/sidebar-item";
@import "../admin/side_menu";
@import "../admin/tables";

63
app/webpacker/css/admin_v3/components/select2.scss Normal file
View File

@@ -0,0 +1,63 @@
.select2-container {
.select2-choice {
.select2-search-choice-close {
display: none !important;
}
.select2-arrow {
width: 22px;
border: none;
background-image: none;
background-color: transparent;
}
}
&.light {
.select2-choice {
background-color: #ffffff;
font-weight: normal;
color: $spree-blue !important;
border: 1px solid $color-border !important;
}
&:hover,
&.select2-container-active {
.select2-choice {
background-color: #ffffff !important;
border: 1px solid $spree-green !important;
.select2-arrow {
&:before {
color: $spree-blue;
}
}
}
}
}
&.select2-container-multi {
.select2-search-field {
max-height: 20px;
input {
padding: 0 !important;
margin: 0 0 0 5px !important;
}
}
.select2-search-choice {
display: flex;
align-items: center;
justify-content: center;
padding-left: 7px;
.select2-search-choice-close {
position: relative;
order: -1;
width: auto;
left: 0;
top: 0;
margin: 0;
padding: 0;
font-size: 100% !important;
}
}
}
}