From 078696415e84a8d1bc88bfb80617e398f0745bd0 Mon Sep 17 00:00:00 2001
From: Silvio Giebl <silvio.giebl@hivemq.com>
Date: Wed, 27 Nov 2019 12:37:10 +0100
Subject: [PATCH] Improved navigation active and highlight
---
_sass/layout.scss | 2 +-
_sass/navigation.scss | 6 +++---
2 files changed, 4 insertions(+), 4 deletions(-)
diff --git a/_sass/layout.scss b/_sass/layout.scss
index 4f9e3650..6bb69c3e 100644
--- a/_sass/layout.scss
+++ b/_sass/layout.scss
@@ -181,7 +181,7 @@
.site-title:hover,
.site-button:hover {
- background-color: $feedback-color;
+ background-image: linear-gradient(-90deg, rgba($feedback-color, 1) 0%, rgba($feedback-color, 0.8) 80%, rgba($feedback-color, 0) 100%);
}
// stylelint-disable selector-max-type
diff --git a/_sass/navigation.scss b/_sass/navigation.scss
index 050667b9..805bfa38 100644
--- a/_sass/navigation.scss
+++ b/_sass/navigation.scss
@@ -20,9 +20,9 @@
.nav-list-link {
display: block;
min-height: $nav-list-item-height-sm;
- line-height: #{$nav-list-item-height-sm - 2 * $sp-1};
padding-top: $sp-1;
padding-bottom: $sp-1;
+ line-height: #{$nav-list-item-height-sm - 2 * $sp-1};
@if $nav-list-expander-right {
padding-right: $nav-list-item-height-sm;
padding-left: $gutter-spacing-sm;
@@ -50,7 +50,7 @@
&:hover,
&.active {
- background-color: $feedback-color;
+ background-image: linear-gradient(-90deg, rgba($feedback-color, 1) 0%, rgba($feedback-color, 0.8) 80%, rgba($feedback-color, 0) 100%);
}
}
@@ -77,7 +77,7 @@
}
&:hover {
- background-color: $feedback-color;
+ background-image: linear-gradient(-90deg, rgba($feedback-color, 1) 0%, rgba($feedback-color, 0.8) 100%);
}
@if $nav-list-expander-right {
--
GitLab