From aee64b996cca7e7bac1740b0b02ac4fbee3895d0 Mon Sep 17 00:00:00 2001 From: Surinna Curtis Date: Sat, 1 Jul 2017 17:37:20 -0500 Subject: [PATCH] change active/hover display on advanced options --- app/javascript/styles/components.scss | 11 +++++++++-- 1 file changed, 9 insertions(+), 2 deletions(-) diff --git a/app/javascript/styles/components.scss b/app/javascript/styles/components.scss index 5fd7e29ef3..93fcb4e231 100644 --- a/app/javascript/styles/components.scss +++ b/app/javascript/styles/components.scss @@ -2897,11 +2897,18 @@ button.icon-button.active i.fa-retweet { padding: 10px; cursor: pointer; display: flex; + border-style: solid; + border-color: $simple-background-color; + border-width: 5px; + + &:hover { + border-color: $ui-highlight-color; + } - &:hover, &.active { background: $ui-highlight-color; color: $primary-text-color; + border-color: $ui-highlight-color; .advanced-options-dropdown__option__content { color: $primary-text-color; @@ -2913,7 +2920,7 @@ button.icon-button.active i.fa-retweet { } &.active:hover { - background: lighten($ui-highlight-color, 4%); + border-color: $simple-background-color; } }