diff --git a/app/assets/stylesheets/framework/header.scss b/app/assets/stylesheets/framework/header.scss index 320157a8322c8e643211a8b8b70080cffbe33daf..7f226b7920d2044e049ff64c06bec33b6288babf 100644 --- a/app/assets/stylesheets/framework/header.scss +++ b/app/assets/stylesheets/framework/header.scss @@ -63,6 +63,7 @@ header { &:focus, &:active { background-color: $background-color; + color: darken($gl-icon-color, 50%); } .fa-caret-down { diff --git a/app/assets/stylesheets/pages/search.scss b/app/assets/stylesheets/pages/search.scss index b4761df3f2335832c7d2ae6c9a276cad97fac446..2b074dad26ecb39089f66dc0856c77c9735dfd92 100644 --- a/app/assets/stylesheets/pages/search.scss +++ b/app/assets/stylesheets/pages/search.scss @@ -21,6 +21,11 @@ padding: 4px; width: $search-input-width; line-height: 24px; + + &:hover { + border-color: lighten($dropdown-input-focus-border, 20%); + box-shadow: 0 0 4px lighten($search-input-focus-shadow-color, 20%); + } } .location-text { @@ -48,6 +53,12 @@ background-color: $location-badge-bg; vertical-align: top; cursor: default; + + &:hover { + color: $white-light; + background-color: lighten($location-badge-active-bg, 20%); + transition: all 0.15s; + } } .search-input-container { @@ -153,6 +164,7 @@ width: 68%; } } + } .search-holder { @@ -229,4 +241,5 @@ &:focus { color: $gl-link-color; } + }