diff --git a/source/_assets/scss/_header.scss b/source/_assets/scss/_header.scss index ddd0f0cc..9a701c74 100644 --- a/source/_assets/scss/_header.scss +++ b/source/_assets/scss/_header.scss @@ -389,8 +389,9 @@ z-index: 100; position: absolute; - width: 128px; + min-width: 160px; background: var(--white); + border: none; top: 100%; margin-top: 16px; padding: 8px 16px; @@ -404,12 +405,17 @@ flex-direction: column; gap: 8px; + hr { + margin: 8px 0; + } + &.show { display: flex; } .ud-submenu-link { color: var(--heading-color); + font-size: 15px; display: flex; align-items: center; diff --git a/source/_assets/scss/header-fragment.scss b/source/_assets/scss/header-fragment.scss index d7987d73..c6ddb64d 100644 --- a/source/_assets/scss/header-fragment.scss +++ b/source/_assets/scss/header-fragment.scss @@ -268,7 +268,7 @@ body.admin-bar .libresign-site-header-fragment__spacer { text-underline-offset: 6px; } -.libresign-site-header-fragment .ud-nav-dropdown-toggle { +.libresign-site-header-fragment .nav-item .ud-nav-dropdown-toggle { background: transparent; border: none; border-radius: 0; @@ -397,7 +397,7 @@ body.admin-bar .libresign-site-header-fragment__spacer { display: flex; align-items: center; gap: 8px; - padding-right: 12px; + padding: 0 12px 0 0; cursor: pointer; } @@ -415,7 +415,7 @@ body.admin-bar .libresign-site-header-fragment__spacer { .libresign-site-header-fragment .selector .ud-submenu { z-index: 100; position: absolute; - width: 128px; + min-width: 160px; background: var(--white); top: 100%; margin-top: 16px; @@ -433,6 +433,9 @@ body.admin-bar .libresign-site-header-fragment__spacer { display: flex; align-items: center; gap: 8px; + padding: 0; + white-space: nowrap; + font-weight: 400; } .libresign-site-header-fragment .selector .ud-submenu-link img { @@ -542,7 +545,7 @@ body.admin-bar .libresign-site-header-fragment__spacer { .libresign-site-header-fragment .nav-item, .libresign-site-header-fragment .nav-item > .nav-link, - .libresign-site-header-fragment .ud-nav-dropdown-toggle { + .libresign-site-header-fragment .nav-item .ud-nav-dropdown-toggle { width: 100%; justify-content: flex-start; }