From f77cf02228d4fba37f927b9186129c3db5d256f8 Mon Sep 17 00:00:00 2001 From: Bartek Szopka Date: Thu, 12 Mar 2020 14:46:11 +0100 Subject: [PATCH 1/2] Remove border from subnav dropdowns --- scss/_patterns_subnav.scss | 22 ---------------------- 1 file changed, 22 deletions(-) diff --git a/scss/_patterns_subnav.scss b/scss/_patterns_subnav.scss index 247aee95f..9f5bf433d 100644 --- a/scss/_patterns_subnav.scss +++ b/scss/_patterns_subnav.scss @@ -54,11 +54,6 @@ @include vf-icon-chevron($colors--dark-theme--border-high-contrast); } - .p-subnav__items, - .p-subnav__items--right { - border-color: $colors--dark-theme--border-default; - } - .p-subnav__item { @extend %subnav-item--dark-theme; } @@ -69,11 +64,6 @@ @include vf-icon-chevron($colors--light-theme--border-high-contrast); } - .p-subnav__items, - .p-subnav__items--right { - border-color: $colors--light-theme--border-default; - } - .p-subnav__item { @extend %subnav-item--light-theme; } @@ -83,11 +73,6 @@ @include vf-icon-chevron($colors--light-theme--border-high-contrast); } - .p-subnav__items, - .p-subnav__items--right { - border-color: $colors--light-theme--border-default; - } - .p-subnav__item { @extend %subnav-item--light-theme; } @@ -98,11 +83,6 @@ @include vf-icon-chevron($colors--dark-theme--border-high-contrast); } - .p-subnav__items, - .p-subnav__items--right { - border-color: $colors--dark-theme--border-default; - } - .p-subnav__item { @extend %subnav-item--dark-theme; } @@ -111,7 +91,6 @@ .p-subnav__items, .p-subnav__items--right { - @extend %vf-is-bordered; @extend %vf-has-box-shadow; @extend %vf-has-round-corners; display: none; @@ -127,7 +106,6 @@ } @media (max-width: $breakpoint-navigation-threshold) { - border: 0; box-shadow: none; } } From c9c49fa2bf019a722664d678233c0a44d9efee2e Mon Sep 17 00:00:00 2001 From: Bartek Szopka Date: Fri, 13 Mar 2020 07:26:54 +0100 Subject: [PATCH 2/2] Don'c clip dropdown box shadow --- scss/_patterns_subnav.scss | 3 +-- 1 file changed, 1 insertion(+), 2 deletions(-) diff --git a/scss/_patterns_subnav.scss b/scss/_patterns_subnav.scss index 9f5bf433d..b2d08078c 100644 --- a/scss/_patterns_subnav.scss +++ b/scss/_patterns_subnav.scss @@ -100,9 +100,8 @@ z-index: 5; @media (min-width: $breakpoint-navigation-threshold + 1) { - clip: rect(0, 1000px, 1000px, -10px); /* Clip the top of the box-shadow off */ position: absolute; - top: calc(#{$spv-inner--medium * 4} - 1px); + top: $spv-inner--medium * 4; } @media (max-width: $breakpoint-navigation-threshold) {