about summary refs log tree commit diff
diff options
context:
space:
mode:
authorSurinna Curtis <ekiru.0@gmail.com>2017-07-01 17:37:20 -0500
committerGô Shoemake <marrus-sh@users.noreply.github.com>2017-07-04 21:33:53 -0700
commitaee64b996cca7e7bac1740b0b02ac4fbee3895d0 (patch)
treee84f5b7925ede21bd2f922f947685d6a324da929
parent0c71c0ccc835825e4c6fb47a56bd09a237103ac6 (diff)
change active/hover display on advanced options
-rw-r--r--app/javascript/styles/components.scss11
1 files changed, 9 insertions, 2 deletions
diff --git a/app/javascript/styles/components.scss b/app/javascript/styles/components.scss
index 5fd7e29ef..93fcb4e23 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;
   }
 }