From a59a59fcd96e15bd25089c684d9b5a0af1f870d4 Mon Sep 17 00:00:00 2001 From: Devesh Khandelwal Date: Fri, 11 Nov 2016 01:44:49 +0530 Subject: Darken project selection dropdown caret on hover. --- app/assets/stylesheets/framework/header.scss | 4 ++++ 1 file changed, 4 insertions(+) diff --git a/app/assets/stylesheets/framework/header.scss b/app/assets/stylesheets/framework/header.scss index 5a34132112a..320157a8322 100644 --- a/app/assets/stylesheets/framework/header.scss +++ b/app/assets/stylesheets/framework/header.scss @@ -191,6 +191,10 @@ header { font-size: 10px; text-align: center; cursor: pointer; + + &:hover { + color: darken($color: $gl-text-color, $amount: 50%); + } } .project-item-select { -- cgit v1.2.1 From 3b5182ed6833ab1a11daddf59eabfe5284b8d1a6 Mon Sep 17 00:00:00 2001 From: Devesh Khandelwal Date: Fri, 11 Nov 2016 02:54:10 +0530 Subject: Darken more icons on hover and highlight search form also. --- app/assets/stylesheets/framework/header.scss | 1 + app/assets/stylesheets/pages/search.scss | 13 +++++++++++++ 2 files changed, 14 insertions(+) diff --git a/app/assets/stylesheets/framework/header.scss b/app/assets/stylesheets/framework/header.scss index 320157a8322..7f226b7920d 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 b4761df3f23..2b074dad26e 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; } + } -- cgit v1.2.1 From 8fd930548f57c0fdc8ae1597622f5c088939c96e Mon Sep 17 00:00:00 2001 From: Devesh Khandelwal Date: Sat, 12 Nov 2016 14:09:20 +0530 Subject: Remove hover state on location badge. --- app/assets/stylesheets/pages/search.scss | 6 ------ 1 file changed, 6 deletions(-) diff --git a/app/assets/stylesheets/pages/search.scss b/app/assets/stylesheets/pages/search.scss index 2b074dad26e..a0108bba6d9 100644 --- a/app/assets/stylesheets/pages/search.scss +++ b/app/assets/stylesheets/pages/search.scss @@ -53,12 +53,6 @@ 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 { -- cgit v1.2.1