From 234f83a0662eade5fd9f9fa70e037a0e6aa65695 Mon Sep 17 00:00:00 2001
From: Martin Leblanc <m26lebla@uwaterloo.ca>
Date: Thu, 30 Jun 2022 14:02:43 -0400
Subject: [PATCH] ISTWCMS-5633: adjusting position of up/down arrow for each
use of horizontal navigation pattern
---
.../menu/menu--horizontal/_menu--horizontal.scss | 10 +++++-----
.../menu/menu--secondary/_menu--secondary.scss | 7 +++++++
2 files changed, 12 insertions(+), 5 deletions(-)
diff --git a/src/patterns/04-components/menu/menu--horizontal/_menu--horizontal.scss b/src/patterns/04-components/menu/menu--horizontal/_menu--horizontal.scss
index 2479aaa2..698dccb3 100644
--- a/src/patterns/04-components/menu/menu--horizontal/_menu--horizontal.scss
+++ b/src/patterns/04-components/menu/menu--horizontal/_menu--horizontal.scss
@@ -241,7 +241,7 @@ $menu-horizontal-drop-bg: #f7f7f7;
display: none;
@media(min-width: $screen-md) {
display: block;
- grid-column: 1/2;
+ grid-column: 1 / 2;
padding: var(--size-05);
.uw-site-home__link{
display: block;
@@ -265,7 +265,7 @@ $menu-horizontal-drop-bg: #f7f7f7;
&--menu {
@include uw-full-width;
@media(min-width: $screen-md) {
- grid-column: 2/3;
+ grid-column: 2 / 3;
}
.menu {
margin-left: inherit;
@@ -326,9 +326,9 @@ $menu-horizontal-drop-bg: #f7f7f7;
display: block;
height: var(--size-1);
position: absolute;
- right: var(--size-05);
+ right: var(--size-1);
text-align: center;
- top: 14px;
+ top: 12px;
width: var(--size-1);
}
}
@@ -521,7 +521,7 @@ $menu-horizontal-drop-bg: #f7f7f7;
position: absolute;
right: var(--size-1);
text-align: center;
- top: var(--size-105);
+ top: 12px;
transform: rotate(-90deg);
width: var(--size-1);
}
diff --git a/src/patterns/04-components/menu/menu--secondary/_menu--secondary.scss b/src/patterns/04-components/menu/menu--secondary/_menu--secondary.scss
index 966e2f17..85c98f31 100644
--- a/src/patterns/04-components/menu/menu--secondary/_menu--secondary.scss
+++ b/src/patterns/04-components/menu/menu--secondary/_menu--secondary.scss
@@ -62,6 +62,13 @@ $menu-horizontal-bg-sm: var(--uw-white);
color: var(--uw-black);
}
}
+ &.has-submenu {
+ > a{
+ &::after {
+ top: 14px;
+ }
+ }
+ }
}
}
}
--
GitLab