input styling

This commit is contained in:
Gwendolyn 2024-09-19 20:27:24 +02:00
parent 0b55306d2e
commit d40dacc2a5
2 changed files with 3 additions and 11 deletions

View file

@ -1085,7 +1085,7 @@ main:not([data-view=route-result]) #route-summary {
color: var(--color-control);
}
.leaflet-bar a.leaflet-disabled, {
.leaflet-bar a.leaflet-disabled {
color: var(--color-control-disabled);
background-color: var(--color-control-background); // todo: special disabled background color #f4f4f4 ?
}
@ -1472,7 +1472,7 @@ main form, #modal form {
color: var(--color-helptext);
}
input[type=text], textarea {
input, textarea {
border: 1px solid var(--color-border);
}
@ -1672,7 +1672,7 @@ blink {
}
[data-embed] .leaflet-top.leaflet-right {
margin-top: 48px;
margin-top: 48px;
}
.leaflet-control-key {

View file

@ -11,7 +11,6 @@ input[type='text'],
input[type='url'],
textarea,
select
appearance: none // Removes awkward default styles on some inputs for iOS
background-color: transparent
border: .1rem solid var(--color-quaternary)
border-radius: .4rem
@ -25,13 +24,6 @@ select
border-color: var(--color-primary)
outline: 0
select
background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" height="14" viewBox="0 0 29 14" width="29"><path fill="#d1d1d1" d="M9.37727 3.625l5.08154 6.93523L19.54036 3.625"/></svg>') center right no-repeat
padding-right: 3.0rem
&:focus
background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" height="14" viewBox="0 0 29 14" width="29"><path fill="#9b4dca" d="M9.37727 3.625l5.08154 6.93523L19.54036 3.625"/></svg>')
textarea
min-height: 6.5rem