change active/hover display on advanced options

main
Surinna Curtis 2017-07-01 17:37:20 -05:00 committed by Gô Shoemake
parent 0c71c0ccc8
commit aee64b996c
1 changed files with 9 additions and 2 deletions

View File

@ -2897,11 +2897,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;
@ -2913,7 +2920,7 @@ button.icon-button.active i.fa-retweet {
} }
&.active:hover { &.active:hover {
background: lighten($ui-highlight-color, 4%); border-color: $simple-background-color;
} }
} }