mirrors
/
mastodon-glitch
mirror of https://github.com/glitch-soc/mastodon
3
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

change active/hover display on advanced options

pull/44/head
Surinna Curtis 2017-07-01 17:37:20 -05:00
parent 542b8128f8
commit ade773cb0a
1 changed files with 9 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
app/javascript/styles/components.scss
View File

@ -2881,11 +2881,18 @@ button.icon-button.active i.fa-retweet {
padding: 10px; padding: 10px;
cursor: pointer; cursor: pointer;
display: flex; display: flex;
border-style: solid;
border-color: $simple-background-color;
border-width: 5px;
&:hover {
border-color: $ui-highlight-color;
}
&:hover,
&.active { &.active {
background: $ui-highlight-color; background: $ui-highlight-color;
color: $primary-text-color; color: $primary-text-color;
border-color: $ui-highlight-color;
.advanced-options-dropdown__option__content { .advanced-options-dropdown__option__content {
color: $primary-text-color; color: $primary-text-color;
@ -2897,7 +2904,7 @@ button.icon-button.active i.fa-retweet {
} }
&.active:hover { &.active:hover {
background: lighten($ui-highlight-color, 4%); border-color: $simple-background-color;
} }
} }