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

Prepare ofn-drop-down to have a "disabled" state and a "prepend" element

Browse Source
This commit is contained in:
Jean-Baptiste Bellet
2022-06-28 16:57:59 +02:00
parent ee464ca457
commit 7a1bd660c4
2 changed files with 47 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

49
app/webpacker/css/admin/dropdown.scss
View File

@@ -11,14 +11,12 @@
color: #575757;
}
.ofn-drop-down {
@mixin ofn-drop-down-style {
padding: 7px 15px;
border-radius: 3px;
border: 1px solid #d4d4d4;
background-color: #f5f5f5;
position: relative;
display: block;
float: left;
color: #828282;
cursor: pointer;
-moz-user-select: none;
@@ -29,6 +27,51 @@
text-align: center;
margin-right: 10px;
&.disabled {
opacity: 0.5;
&:hover {
cursor: default;
border-color: #d4d4d4;
color: #828282;
}
}
}
.ofn-drop-down-with-prepend {
display: flex;
&.right {
float: right;
.ofn-drop-down-prepend {
margin-left: 10px;
margin-right: 0;
}
}
.ofn-drop-down {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.ofn-drop-down-prepend {
@include ofn-drop-down-style;
border-right: none;
margin-left: 0;
margin-right: 10px;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
cursor: default;
}
}
.ofn-drop-down {
@include ofn-drop-down-style;
position: relative;
float: left;
&.right {
float: right;
margin-right: 0px;