From ad49bcd8e933d9c8a12ce150a7bc51e47023272b Mon Sep 17 00:00:00 2001 From: Geoff Dusome Date: Mon, 26 Aug 2024 10:10:36 -0400 Subject: [PATCH] [MOOSE-99]: moose 2.0 dqa --- wp-content/themes/core/assets/pcss/color/_variables.pcss | 2 +- wp-content/themes/core/assets/pcss/media/_mixins.pcss | 9 +++++++++ .../themes/core/blocks/core/querypagination/style.pcss | 9 +++++---- 3 files changed, 15 insertions(+), 5 deletions(-) diff --git a/wp-content/themes/core/assets/pcss/color/_variables.pcss b/wp-content/themes/core/assets/pcss/color/_variables.pcss index 1f395276..26ed9cbb 100644 --- a/wp-content/themes/core/assets/pcss/color/_variables.pcss +++ b/wp-content/themes/core/assets/pcss/color/_variables.pcss @@ -60,7 +60,7 @@ * the RGBA value from Figma * ----------------------------------------------------------------------- */ - --color-selection-highlight: #3050e533; + --color-selection-highlight: #3050e54d; /* ----------------------------------------------------------------------- * Semantic diff --git a/wp-content/themes/core/assets/pcss/media/_mixins.pcss b/wp-content/themes/core/assets/pcss/media/_mixins.pcss index b5ec1bca..8cb52e57 100644 --- a/wp-content/themes/core/assets/pcss/media/_mixins.pcss +++ b/wp-content/themes/core/assets/pcss/media/_mixins.pcss @@ -38,4 +38,13 @@ margin-inline-start: 0; } } + + /* Fix layout issue with resizable container in editor with grid alignment */ + :is(body.editor-styles-wrapper) &.aligngrid { + + > .components-resizable-box__container { + max-width: 100% !important; + max-height: unset !important; + } + } } diff --git a/wp-content/themes/core/blocks/core/querypagination/style.pcss b/wp-content/themes/core/blocks/core/querypagination/style.pcss index 3ae22cec..85b352c4 100644 --- a/wp-content/themes/core/blocks/core/querypagination/style.pcss +++ b/wp-content/themes/core/blocks/core/querypagination/style.pcss @@ -61,11 +61,11 @@ &:hover, &:focus:not(:focus-visible) { - color: var(--color-royal-blue); + color: var(--color-blue); .is-arrow-chevron::before, .is-arrow-arrow::before { - background-color: var(--color-royal-blue); + background-color: var(--color-blue); } } @@ -84,8 +84,9 @@ width: 100%; height: 100%; background-color: var(--color-black); - mask: var(--icon-chevron-left-black) center no-repeat; + mask: var(--icon-chevron-left) center no-repeat; mask-size: contain; + transition: var(--transition); } } } @@ -95,7 +96,7 @@ .is-arrow-chevron::before, .is-arrow-arrow::before { - mask-image: var(--icon-chevron-right-black); + mask-image: var(--icon-chevron-right); } } }