diff --git a/addons/tncsc_deployment/static/src/scss/website_navigation.scss b/addons/tncsc_deployment/static/src/scss/website_navigation.scss index f16d357..366d044 100644 --- a/addons/tncsc_deployment/static/src/scss/website_navigation.scss +++ b/addons/tncsc_deployment/static/src/scss/website_navigation.scss @@ -4,3 +4,34 @@ #wrapwrap:has(> main .tncsc-top-header) > header#top { display: none !important; } + +.tncsc-hero-nav .tncsc-member-login { + display: inline-flex; + align-items: center; + justify-content: center; + gap: 8px; + padding: 8px 12px; + border: 1px solid #D89C43; + border-radius: 6px; + background: #FFFCF7; + color: #87530D; + font-size: 14px; + font-weight: 600; + text-decoration: none; + white-space: nowrap; + + &:hover { + background: #FFF0D6; + color: #643D09; + } + + &:focus-visible { + outline: 3px solid #D89C43; + outline-offset: 3px; + } +} + +// Let navigation wrap before buttons or dropdowns overlap at narrower widths. +.tncsc-hero-nav nav { + flex-wrap: wrap; +} diff --git a/addons/tncsc_deployment/views/website_header_overrides.xml b/addons/tncsc_deployment/views/website_header_overrides.xml index befa8b8..e8315a5 100644 --- a/addons/tncsc_deployment/views/website_header_overrides.xml +++ b/addons/tncsc_deployment/views/website_header_overrides.xml @@ -1,5 +1,11 @@ + + @@ -9,6 +15,9 @@ + + +