From 3b5182ed6833ab1a11daddf59eabfe5284b8d1a6 Mon Sep 17 00:00:00 2001
From: Devesh Khandelwal <devesh.khandelwal@outlook.com>
Date: Fri, 11 Nov 2016 02:54:10 +0530
Subject: [PATCH] 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;
}
+
}
--
GitLab