treehouse
/
mastodon
22
8
Fork 5
Code Issues 32 Pull Requests Projects 1 Releases Wiki Activity

change poll form element colors to fit with the rest of the ui (#26139)

lolsob-rspec
Trevor Wolf 2023-07-24 21:48:09 +10:00 committed by GitHub
parent 9015e5b194
commit d5a4ef8459
2 changed files with 14 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
app/javascript/styles/mastodon/basics.scss
View File

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

17
app/javascript/styles/mastodon/polls.scss
View File

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