diff --git a/videomaker/assets/theme.css b/videomaker/assets/theme.css index 1c5e4c830e..38f6f7bc2b 100644 --- a/videomaker/assets/theme.css +++ b/videomaker/assets/theme.css @@ -81,7 +81,7 @@ a:active { background: var(--wp--custom--color--foreground); - color: var(--wp--custom--color--background); + color: var(--wp--custom--color--background) !important; } div.post-meta.wp-block-group { @@ -107,10 +107,18 @@ div.post-meta a { row-gap: 1rem; } +.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; +} + .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 { row-gap: 0rem; } +.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 > a:hover { + text-decoration-line: underline; +} + .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.current-menu-item > a { text-decoration: underline; } diff --git a/videomaker/sass/_links.scss b/videomaker/sass/_links.scss index 07270c763f..58f05aba81 100644 --- a/videomaker/sass/_links.scss +++ b/videomaker/sass/_links.scss @@ -1,4 +1,4 @@ a:active { - background: var(--wp--custom--color--foreground); - color: var(--wp--custom--color--background); + background: var(--wp--custom--color--foreground) !important; + color: var(--wp--custom--color--background) !important; } diff --git a/videomaker/sass/_navigation.scss b/videomaker/sass/_navigation.scss index 8fcbcddc86..f7dddaa289 100644 --- a/videomaker/sass/_navigation.scss +++ b/videomaker/sass/_navigation.scss @@ -10,9 +10,15 @@ } .wp-block-navigation__responsive-container-content { // Needed for specificity to beat the navigation block CSS + align-items: flex-start; + .wp-block-navigation-item { row-gap: 0rem; + > a:hover { + text-decoration-line: underline; + } + &.current-menu-item > a { text-decoration: underline; }