diff options
author | Clement Ho <ClemMakesApps@gmail.com> | 2017-03-11 01:30:42 +0300 |
---|---|---|
committer | Alfredo Sumaran <a.sumaran@gmail.com> | 2017-03-18 04:21:47 +0300 |
commit | 19677dd4f29910ad12d5970cbc24be1a5ac08ec6 (patch) | |
tree | 2c3c88e732a4842f719048769dd0f7cde29baa72 /app/assets/stylesheets/framework/filters.scss | |
parent | 0eff4f14ccae7d979e6fa20f0bb875e4591351e8 (diff) |
Add filter focus for filtered search visual tokens
Diffstat (limited to 'app/assets/stylesheets/framework/filters.scss')
-rw-r--r-- | app/assets/stylesheets/framework/filters.scss | 18 |
1 files changed, 14 insertions, 4 deletions
diff --git a/app/assets/stylesheets/framework/filters.scss b/app/assets/stylesheets/framework/filters.scss index 2ebeaf9a40d..a1b0025a519 100644 --- a/app/assets/stylesheets/framework/filters.scss +++ b/app/assets/stylesheets/framework/filters.scss @@ -171,6 +171,20 @@ } } + &:hover { + @extend .form-control:hover; + } + + &.focus, + &.focus:hover { + border-color: $dropdown-input-focus-border; + box-shadow: 0 0 4px $search-input-focus-shadow-color; + } + + &.focus .fa-filter { + color: $common-gray-dark; + } + .form-control { position: relative; min-width: 200px; @@ -178,10 +192,6 @@ padding-right: 25px; border-color: transparent; - &:focus ~ .fa-filter { - color: $common-gray-dark; - } - &:focus, &:hover { outline: none; |