From 23e8324163984a9a0c7d1f1a062a09c1b2a10d61 Mon Sep 17 00:00:00 2001 From: Chi-Hsuan Huang Date: Wed, 1 Nov 2023 19:01:51 +0800 Subject: [PATCH] [CYS] Fix "Drag to resize" styling when spotlight tour is present (#41150) * Add changelog * Update "Drag to resize" styling when spotlight tour is present --- .../customize-store/assembler-hub/style.scss | 17 ++++++----------- .../tweak-cys-drag-to-resize-label-style | 4 ++++ 2 files changed, 10 insertions(+), 11 deletions(-) create mode 100644 plugins/woocommerce/changelog/tweak-cys-drag-to-resize-label-style diff --git a/plugins/woocommerce-admin/client/customize-store/assembler-hub/style.scss b/plugins/woocommerce-admin/client/customize-store/assembler-hub/style.scss index e5cda8cba03..dece2c879cb 100644 --- a/plugins/woocommerce-admin/client/customize-store/assembler-hub/style.scss +++ b/plugins/woocommerce-admin/client/customize-store/assembler-hub/style.scss @@ -671,26 +671,21 @@ .woocommerce-assembler-hub__resizable-frame__drag-handler { - display: inline-flex; - padding: 0 10px; - align-items: flex-start; - gap: 10px; - background: var(--wp-admin-theme-color-background-25); + background: #000; left: 5px !important; - border-radius: 4px; - height: 20px; + border-radius: 2px; .components-popover__content { - color: var(--wp-admin-theme-color-darker-20); + color: #f0f0f0; font-size: 0.75rem; font-style: normal; font-weight: 500; - line-height: 20px; /* 166.667% */ + line-height: 1.4; background: inherit; - padding: 0; - margin-left: 10px; + padding: 4px 8px; width: max-content; box-shadow: none; + text-align: center; } } diff --git a/plugins/woocommerce/changelog/tweak-cys-drag-to-resize-label-style b/plugins/woocommerce/changelog/tweak-cys-drag-to-resize-label-style new file mode 100644 index 00000000000..4ba5864dfd1 --- /dev/null +++ b/plugins/woocommerce/changelog/tweak-cys-drag-to-resize-label-style @@ -0,0 +1,4 @@ +Significance: patch +Type: tweak + +Tweak "Drag to resize" styling when spotlight tour is present