From a1dd99150d7083eddd5f9c97496924a866b81d79 Mon Sep 17 00:00:00 2001 From: Salem Ghoweri Date: Fri, 25 May 2018 07:46:20 -0400 Subject: [PATCH] fix: adjust default spacing on new priority nav component + set position relative so dropdown is consistently positioned --- .../components/bolt-priority-nav/priority-nav.scss | 10 ++++++++-- 1 file changed, 8 insertions(+), 2 deletions(-) diff --git a/packages/components/bolt-priority-nav/priority-nav.scss b/packages/components/bolt-priority-nav/priority-nav.scss index 3e01b0a42e..cf707af9a9 100644 --- a/packages/components/bolt-priority-nav/priority-nav.scss +++ b/packages/components/bolt-priority-nav/priority-nav.scss @@ -7,6 +7,9 @@ bolt-priority-nav { display: block; + position: relative; + align-self: center; + padding-bottom: var(--bolt-vspacing); @supports (display: contents) { @media screen and (max-width: #{bolt-breakpoint(xsmall)}) { @@ -34,7 +37,6 @@ bolt-priority-nav { } } - position: relative; &:not(.is-ready) { // @TODO: uncomment once themify updates are merged in @@ -138,11 +140,15 @@ bolt-priority-nav { white-space: nowrap; } +// required so the dropdown can be positioned consistently +.c-bolt-priority-nav__show-more { + position: relative; +} - @supports (display: contents) { +@supports (display: contents) { .c-bolt-priority-nav__show-more { @media screen and (max-width: #{bolt-breakpoint(xsmall)}) { display: contents;