Style select element

This commit is contained in:
Zed 2019-10-23 12:05:08 +02:00
parent 6481004940
commit d4b86fd0f8
2 changed files with 13 additions and 2 deletions

View file

@ -13,7 +13,8 @@ button {
} }
input[type="text"], input[type="text"],
input[type="date"] { input[type="date"],
select {
@include input-colors; @include input-colors;
background-color: var(--bg_elements); background-color: var(--bg_elements);
padding: 1px 4px; padding: 1px 4px;
@ -143,6 +144,16 @@ input::-webkit-datetime-edit-year-field:focus {
padding-right: 135px; padding-right: 135px;
} }
select {
position: absolute;
top: 0;
right: 0;
display: block;
-moz-appearance: none;
-webkit-appearance: none;
appearance: none;
}
input[type="text"] { input[type="text"] {
position: absolute; position: absolute;
right: 0; right: 0;

View file

@ -71,7 +71,7 @@ proc genInput*(pref, label, state, placeholder: string; class=""; autofocus=fals
verbatim &"<input name={pref} type=\"text\" placeholder=\"{p}\" value=\"{s}\" {a}/>" verbatim &"<input name={pref} type=\"text\" placeholder=\"{p}\" value=\"{s}\" {a}/>"
proc genSelect*(pref, label, state: string; options: seq[string]): VNode = proc genSelect*(pref, label, state: string; options: seq[string]): VNode =
buildHtml(tdiv(class="pref-group")): buildHtml(tdiv(class="pref-group pref-input")):
label(`for`=pref): text label label(`for`=pref): text label
select(name=pref): select(name=pref):
for opt in options: for opt in options: