Skip to content
Snippets Groups Projects
Commit 3b5182ed authored by Devesh Khandelwal's avatar Devesh Khandelwal
Browse files

Darken more icons on hover and highlight search form also.

parent a59a59fc
No related branches found
No related tags found
1 merge request!7412Improvements to hover/active/focus states in header items
Loading
@@ -63,6 +63,7 @@ header {
Loading
@@ -63,6 +63,7 @@ header {
&:focus, &:focus,
&:active { &:active {
background-color: $background-color; background-color: $background-color;
color: darken($gl-icon-color, 50%);
} }
   
.fa-caret-down { .fa-caret-down {
Loading
Loading
Loading
@@ -21,6 +21,11 @@
Loading
@@ -21,6 +21,11 @@
padding: 4px; padding: 4px;
width: $search-input-width; width: $search-input-width;
line-height: 24px; 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 { .location-text {
Loading
@@ -48,6 +53,12 @@
Loading
@@ -48,6 +53,12 @@
background-color: $location-badge-bg; background-color: $location-badge-bg;
vertical-align: top; vertical-align: top;
cursor: default; cursor: default;
&:hover {
color: $white-light;
background-color: lighten($location-badge-active-bg, 20%);
transition: all 0.15s;
}
} }
   
.search-input-container { .search-input-container {
Loading
@@ -153,6 +164,7 @@
Loading
@@ -153,6 +164,7 @@
width: 68%; width: 68%;
} }
} }
} }
   
.search-holder { .search-holder {
Loading
@@ -229,4 +241,5 @@
Loading
@@ -229,4 +241,5 @@
&:focus { &:focus {
color: $gl-link-color; color: $gl-link-color;
} }
} }
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment