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

Isolate styles for their intended use

Browse Source 
This also improves the styling of the orders action dropdowns (on index and edit pages). It adds the new chevron icon, but needed some fiddling to make it look right.
This commit is contained in:
David Cook
2024-06-11 13:52:05 +10:00
parent e516e7f335
commit c6452efa92
1 changed files with 22 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

33
app/webpacker/css/admin_v3/components/dropdown.scss
View File

@@ -179,6 +179,23 @@
}
}
summary:after {
content: "\f077";
font-family: FontAwesome;
font-size: 13px;
}
&[open] >,
details[open] > {
summary:after {
content: "\f078";
font-family: FontAwesome;
}
}
}
.ofn-drop-down:not(.ofn-dropdown-v2) {
> details {
margin: -7px -15px;
padding: 7px 15px;
@@ -188,20 +205,14 @@
display: inline-block;
list-style: none;
width: auto;
font-size: 85%;
font-weight: 600;
margin: -8px -15px;
padding: 8px 15px;
}
> details > summary:after {
content: "\f0d7";
font-family: FontAwesome;
}
> details[open] > summary:after {
content: "\f0d8";
font-family: FontAwesome;
&:after {
position: relative;
bottom: 1px;
font-size: 12px;
}
}
}