From fd37d7bdd0f8b51fc9738a5811a041f214d5a66a Mon Sep 17 00:00:00 2001 From: Vasantha Deepika Date: Fri, 12 Sep 2025 17:57:59 +0530 Subject: [PATCH 1/2] Issue #3359636 by Vasantha Deepika: Navigation second third level theming. --- .../css/components/navigation/nav-primary-wide.css | 12 +++++++++++- .../components/navigation/nav-primary-wide.pcss.css | 11 ++++++++++- .../css/components/navigation/nav-primary.css | 4 ++-- .../css/components/navigation/nav-primary.pcss.css | 4 ++-- 4 files changed, 25 insertions(+), 6 deletions(-) diff --git a/core/themes/olivero/css/components/navigation/nav-primary-wide.css b/core/themes/olivero/css/components/navigation/nav-primary-wide.css index 5cbaac06498..9d3ca09372b 100644 --- a/core/themes/olivero/css/components/navigation/nav-primary-wide.css +++ b/core/themes/olivero/css/components/navigation/nav-primary-wide.css @@ -89,6 +89,16 @@ border-top-width: var(--sp0-5); } + body:not(.is-always-mobile-nav) .primary-nav__menu-link-inner.primary-nav__menu-link-inner--level-3, + body:not(.is-always-mobile-nav) .primary-nav__menu-link-inner.primary-nav__menu-link-inner--level-4 { + padding-block: var(--sp0-25); + } + + body:not(.is-always-mobile-nav) .primary-nav__menu-link-inner.primary-nav__menu-link-inner--level-3::after , + body:not(.is-always-mobile-nav) .primary-nav__menu-link-inner.primary-nav__menu-link-inner--level-4::after { + border-top-width: 3px; + } + body:not(.is-always-mobile-nav) .primary-nav__menu--level-1 { display: flex; align-items: stretch; @@ -123,7 +133,7 @@ max-height: calc(100vh - var(--site-header-height-wide) - var(--drupal-displace-offset-top, 0px) - var(--drupal-displace-offset-bottom, 0px) - var(--sp)); margin-block-start: 0; margin-inline-start: 0; - padding-block: var(--sp3); + padding-block: var(--sp0-25); padding-inline-start: var(--sp2); padding-inline-end: var(--sp2); transition: none; diff --git a/core/themes/olivero/css/components/navigation/nav-primary-wide.pcss.css b/core/themes/olivero/css/components/navigation/nav-primary-wide.pcss.css index a594e6e4215..3daf3046744 100644 --- a/core/themes/olivero/css/components/navigation/nav-primary-wide.pcss.css +++ b/core/themes/olivero/css/components/navigation/nav-primary-wide.pcss.css @@ -89,6 +89,15 @@ body:not(.is-always-mobile-nav) { transform-origin: center; border-top-width: var(--sp0-5); } + + &.primary-nav__menu-link-inner--level-3, + &.primary-nav__menu-link-inner--level-4 { + padding-block: var(--sp0-25); + + &::after { + border-top-width: 3px; + } + } } & .primary-nav__menu--level-1 { @@ -125,7 +134,7 @@ body:not(.is-always-mobile-nav) { max-height: calc(100vh - var(--site-header-height-wide) - var(--drupal-displace-offset-top, 0px) - var(--drupal-displace-offset-bottom, 0px) - var(--sp)); margin-block-start: 0; margin-inline-start: 0; - padding-block: var(--sp3); + padding-block: var(--sp0-25); padding-inline-start: var(--sp2); padding-inline-end: var(--sp2); transition: none; diff --git a/core/themes/olivero/css/components/navigation/nav-primary.css b/core/themes/olivero/css/components/navigation/nav-primary.css index a3424daa075..b0c1ca22601 100644 --- a/core/themes/olivero/css/components/navigation/nav-primary.css +++ b/core/themes/olivero/css/components/navigation/nav-primary.css @@ -199,11 +199,11 @@ display: block; } -.primary-nav__menu-link--level-2 { +/* .primary-nav__menu-link--level-2 { font-size: 1rem; font-weight: normal; line-height: var(--sp); -} +} */ html:not(.js) .primary-nav__menu--level-2 { visibility: visible; diff --git a/core/themes/olivero/css/components/navigation/nav-primary.pcss.css b/core/themes/olivero/css/components/navigation/nav-primary.pcss.css index d99048dae82..2e782b011fc 100644 --- a/core/themes/olivero/css/components/navigation/nav-primary.pcss.css +++ b/core/themes/olivero/css/components/navigation/nav-primary.pcss.css @@ -191,11 +191,11 @@ display: block; } -.primary-nav__menu-link--level-2 { +/* .primary-nav__menu-link--level-2 { font-size: 16px; font-weight: normal; line-height: var(--sp); -} +} */ html:not(.js) { & .primary-nav__menu--level-2 { -- 2.34.1 From 629103d19b4cb9aff69ed58cdc516897f99c5fbb Mon Sep 17 00:00:00 2001 From: Vasantha Deepika Date: Fri, 12 Sep 2025 18:33:05 +0530 Subject: [PATCH 2/2] Issue #3359636 by Vasantha Deepika: Navigation second third level theming. --- .../olivero/css/components/navigation/nav-primary.css | 6 ------ .../olivero/css/components/navigation/nav-primary.pcss.css | 6 ------ 2 files changed, 12 deletions(-) diff --git a/core/themes/olivero/css/components/navigation/nav-primary.css b/core/themes/olivero/css/components/navigation/nav-primary.css index b0c1ca22601..b489ca1453b 100644 --- a/core/themes/olivero/css/components/navigation/nav-primary.css +++ b/core/themes/olivero/css/components/navigation/nav-primary.css @@ -199,12 +199,6 @@ display: block; } -/* .primary-nav__menu-link--level-2 { - font-size: 1rem; - font-weight: normal; - line-height: var(--sp); -} */ - html:not(.js) .primary-nav__menu--level-2 { visibility: visible; max-height: none; diff --git a/core/themes/olivero/css/components/navigation/nav-primary.pcss.css b/core/themes/olivero/css/components/navigation/nav-primary.pcss.css index 2e782b011fc..74e5af771be 100644 --- a/core/themes/olivero/css/components/navigation/nav-primary.pcss.css +++ b/core/themes/olivero/css/components/navigation/nav-primary.pcss.css @@ -191,12 +191,6 @@ display: block; } -/* .primary-nav__menu-link--level-2 { - font-size: 16px; - font-weight: normal; - line-height: var(--sp); -} */ - html:not(.js) { & .primary-nav__menu--level-2 { visibility: visible; -- 2.34.1