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

Create a arrowDown mixin in order to display arrow for select compoentns

Browse Source
This commit is contained in:
Jean-Baptiste Bellet
2023-09-07 15:30:28 +02:00
parent aacdeac1e5
commit b0e6062bec
2 changed files with 15 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
app/webpacker/css/admin_v3/components/select2.scss
View File

@@ -206,17 +206,7 @@ label .select2-container {
b {
padding-top: 11px; // adjust to align with tom-select
&:before {
content: " ";
display: block;
position: absolute;
top: 50%;
right: 15px;
margin-top: -3px;
width: 0;
height: 0;
border-style: solid;
border-width: 5px 5px 0 5px;
border-color: #808080 transparent transparent transparent;
@include arrowDown;
}
}
}

14
app/webpacker/css/admin_v3/mixins.scss
View File

@@ -1,3 +1,17 @@
@mixin defaultBoxShadow {
box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.05), 0px 2px 2px rgba(0, 0, 0, 0.07);
}
@mixin arrowDown {
content: " ";
display: block;
position: absolute;
top: 50%;
right: 15px;
margin-top: -3px;
width: 0;
height: 0;
border-style: solid;
border-width: 5px 5px 0 5px;
border-color: #808080 transparent transparent transparent;
}