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

View file

@ -11,7 +11,6 @@ input[type='text'],
input[type='url'], input[type='url'],
textarea, textarea,
select select
appearance: none // Removes awkward default styles on some inputs for iOS
background-color: transparent background-color: transparent
border: .1rem solid var(--color-quaternary) border: .1rem solid var(--color-quaternary)
border-radius: .4rem border-radius: .4rem
@ -25,13 +24,6 @@ select
border-color: var(--color-primary) border-color: var(--color-primary)
outline: 0 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 textarea
min-height: 6.5rem min-height: 6.5rem