Toolkit: improve select styling
This commit is contained in:
parent
87d062c0d4
commit
670c025591
|
@ -315,13 +315,13 @@ img {
|
|||
&:before {
|
||||
position: absolute;
|
||||
display: block;
|
||||
content: '▾';
|
||||
top: 7px;
|
||||
top: 13px;
|
||||
right: 10px;
|
||||
}
|
||||
select {
|
||||
position: relative;
|
||||
width: 100%;
|
||||
height: 40px;
|
||||
-webkit-appearance: none;
|
||||
-moz-appearance: none;
|
||||
appearance: none;
|
||||
|
@ -330,6 +330,7 @@ img {
|
|||
border-style: solid;
|
||||
border-radius: 2px;
|
||||
padding: 8px 24px 8px 8px;
|
||||
font-size: 14px;
|
||||
font-weight: 500;
|
||||
|
||||
color: $dark;
|
||||
|
|
|
@ -4,9 +4,9 @@
|
|||
|
||||
<div class="@select.class_string()">
|
||||
@if let Some(title) = &select.title {
|
||||
<label for="@select.name" class="toolkit-select--label">
|
||||
<label class="toolkit-select--label">
|
||||
<span class="toolkit-select--title">@title</span>
|
||||
<div class="toolkit-select--wrapper">
|
||||
<div class="toolkit-select--wrapper fa fa-chevron-down">
|
||||
<select name="@select.name">
|
||||
@for option in &select.options {
|
||||
@if select.default.as_deref() == Some(&option.value) {
|
||||
|
@ -19,7 +19,7 @@
|
|||
</div>
|
||||
</label>
|
||||
} else {
|
||||
<div class="toolkit-select--wrapper">
|
||||
<div class="toolkit-select--wrapper fa fa-chevron-down">
|
||||
<select name="@select.name">
|
||||
@for option in &select.options {
|
||||
@if select.default.as_deref() == Some(&option.value) {
|
||||
|
|
Loading…
Reference in a new issue