From 770d95ed029af0787fc5eff88533f5f26100d954 Mon Sep 17 00:00:00 2001
From: Cinnead <vanelderenkenny2610@gmail.com>
Date: Tue, 28 Jan 2020 13:28:44 +0100
Subject: [PATCH] Add transition and add box-shadow for navbar-toggler (#30038)
Co-authored-by: Martijn Cuppens <martijn.cuppens@gmail.com>
Co-authored-by: XhmikosR <xhmikosr@gmail.com>
---
scss/_navbar.scss | 8 +++++++-
scss/_variables.scss | 2 ++
2 files changed, 9 insertions(+), 1 deletion(-)
diff --git a/scss/_navbar.scss b/scss/_navbar.scss
index 3118a2eb0a..d46a815d60 100644
--- a/scss/_navbar.scss
+++ b/scss/_navbar.scss
@@ -121,10 +121,16 @@
background-color: transparent; // remove default button style
border: $border-width solid transparent; // remove default button style
@include border-radius($navbar-toggler-border-radius);
+ @include transition($navbar-toggler-transition);
+
+ &:hover {
+ text-decoration: none;
+ }
- &:hover,
&:focus {
text-decoration: none;
+ outline: 0;
+ box-shadow: 0 0 0 $navbar-toggler-focus-width;
}
}
diff --git a/scss/_variables.scss b/scss/_variables.scss
index 95e3d0dfa8..c72f21c919 100644
--- a/scss/_variables.scss
+++ b/scss/_variables.scss
@@ -851,6 +851,8 @@ $navbar-toggler-padding-y: .25rem !default;
$navbar-toggler-padding-x: .75rem !default;
$navbar-toggler-font-size: $font-size-lg !default;
$navbar-toggler-border-radius: $btn-border-radius !default;
+$navbar-toggler-focus-width: $btn-focus-width !default;
+$navbar-toggler-transition: box-shadow .15s ease-in-out !default;
$navbar-dark-color: rgba($white, .55) !default;
$navbar-dark-hover-color: rgba($white, .75) !default;
--
GitLab