asonix/hyaenidae
1
0
Fork 0
Code Issues Pull requests Projects Releases Wiki Activity

Toolkit: improve select styling

Browse source
This commit is contained in:
asonix 2021-02-01 22:34:43 -06:00
parent 87d062c0d4
commit 670c025591
2 changed files with 6 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

5
toolkit/scss/toolkit.scss
View file

@ -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;

6
toolkit/templates/select.rs.html
View file

@ -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) {