From 972897be8320e6b8aa9e03b9e452969c5dd7fd8f Mon Sep 17 00:00:00 2001
From: druid <druid@druids-MBP-2.lan>
Date: Fri, 22 Jan 2021 13:49:33 +0200
Subject: [PATCH] Fix Arrowhead icons in xlarge screens
---
.../hy-desktop-menu-links.scss | 14 ++++++++++----
1 file changed, 10 insertions(+), 4 deletions(-)
diff --git a/src/components/site-header/hy-desktop-menu-links/hy-desktop-menu-links.scss b/src/components/site-header/hy-desktop-menu-links/hy-desktop-menu-links.scss
index 6ea5f7d3..c8eb79c3 100644
--- a/src/components/site-header/hy-desktop-menu-links/hy-desktop-menu-links.scss
+++ b/src/components/site-header/hy-desktop-menu-links/hy-desktop-menu-links.scss
@@ -79,10 +79,16 @@
}
hy-icon {
- display: inline-block !important;
- padding-left: 3px;
+ //display: inline-block !important;
+ display: flex;
+ height: 8px;
+ margin-left: 3px;
+ width: 10px;
+
@include breakpoint($xlarge) {
- padding-left: 4px;
+ height: 8.44px;
+ margin-left: 4px;
+ width: 12px;
}
svg {
@@ -98,7 +104,7 @@
// On hover: heading icon is turned 180deg and grows bigger.
&--is-active {
- position: relative;
+ //position: relative;
&:hover,
&:focus {
color: var(--link-blue);
--
GitLab