From d593630349fce89dfa5fd854eaf93385c48acf21 Mon Sep 17 00:00:00 2001 From: Ben Dwyer Date: Thu, 18 Nov 2021 13:26:42 +0000 Subject: [PATCH] Videomaker: Update navigation width --- blockbase/sass/blocks/_navigation.scss | 1 + videomaker/assets/theme.css | 4 +++- videomaker/sass/_navigation.scss | 2 ++ 3 files changed, 6 insertions(+), 1 deletion(-) diff --git a/blockbase/sass/blocks/_navigation.scss b/blockbase/sass/blocks/_navigation.scss index 1e100ad8ce..d7c95e1478 100644 --- a/blockbase/sass/blocks/_navigation.scss +++ b/blockbase/sass/blocks/_navigation.scss @@ -35,6 +35,7 @@ .wp-block-navigation-item { align-items: flex-start; } + .wp-block-navigation__responsive-container-content .has-child { // Needed for specificity to beat the navigation block CSS .wp-block-navigation__submenu-container { font-size: var(--wp--preset--font-size--normal); diff --git a/videomaker/assets/theme.css b/videomaker/assets/theme.css index 89cf9687d6..d9b5c63c0b 100644 --- a/videomaker/assets/theme.css +++ b/videomaker/assets/theme.css @@ -80,7 +80,7 @@ } a:active { - background: var(--wp--custom--color--foreground); + background: var(--wp--custom--color--foreground) !important; color: var(--wp--custom--color--background) !important; } @@ -109,6 +109,8 @@ div.post-meta a { .wp-block-navigation.is-style-blockbase-navigation-improved-responsive.is-responsive .is-menu-open.wp-block-navigation__responsive-container .wp-block-navigation__responsive-container-content { align-items: flex-start; + margin: 0 auto; + max-width: 800px; } .wp-block-navigation.is-style-blockbase-navigation-improved-responsive.is-responsive .is-menu-open.wp-block-navigation__responsive-container .wp-block-navigation__responsive-container-content .wp-block-navigation-item { diff --git a/videomaker/sass/_navigation.scss b/videomaker/sass/_navigation.scss index f7dddaa289..9c186738cc 100644 --- a/videomaker/sass/_navigation.scss +++ b/videomaker/sass/_navigation.scss @@ -11,6 +11,8 @@ .wp-block-navigation__responsive-container-content { // Needed for specificity to beat the navigation block CSS align-items: flex-start; + margin: 0 auto; + max-width: 800px; // This should match the content width .wp-block-navigation-item { row-gap: 0rem;