change poll form element colors to fit with the rest of the ui (#26139)
This commit is contained in:
parent
6b2952d1dd
commit
80809ef33e
2 changed files with 14 additions and 7 deletions
|
@ -175,6 +175,10 @@ a {
|
||||||
button {
|
button {
|
||||||
font-family: inherit;
|
font-family: inherit;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
|
|
||||||
|
&:focus:not(:focus-visible) {
|
||||||
|
outline: none;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.app-holder {
|
.app-holder {
|
||||||
|
|
|
@ -105,7 +105,7 @@
|
||||||
&__input {
|
&__input {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
position: relative;
|
position: relative;
|
||||||
border: 1px solid $ui-primary-color;
|
border: 1px solid $ui-button-background-color;
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
width: 18px;
|
width: 18px;
|
||||||
height: 18px;
|
height: 18px;
|
||||||
|
@ -121,15 +121,10 @@
|
||||||
border-radius: 4px;
|
border-radius: 4px;
|
||||||
}
|
}
|
||||||
|
|
||||||
&.active {
|
|
||||||
border-color: $valid-value-color;
|
|
||||||
background: $valid-value-color;
|
|
||||||
}
|
|
||||||
|
|
||||||
&:active,
|
&:active,
|
||||||
&:focus,
|
&:focus,
|
||||||
&:hover {
|
&:hover {
|
||||||
border-color: lighten($valid-value-color, 15%);
|
border-color: $ui-button-focus-background-color;
|
||||||
border-width: 4px;
|
border-width: 4px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -241,6 +236,14 @@
|
||||||
color: $action-button-color;
|
color: $action-button-color;
|
||||||
border-color: $action-button-color;
|
border-color: $action-button-color;
|
||||||
margin-inline-end: 5px;
|
margin-inline-end: 5px;
|
||||||
|
|
||||||
|
&:hover,
|
||||||
|
&:focus,
|
||||||
|
&.active {
|
||||||
|
border-color: $action-button-color;
|
||||||
|
background-color: $action-button-color;
|
||||||
|
color: $ui-button-color;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
li {
|
li {
|
||||||
|
|
Loading…
Reference in a new issue