CYS: Remove spotlight tour modal shadow (#40861)

* Tweak css for spotlight tour modal shadow

* Changelog

* Lint
This commit is contained in:
Ilyas Foo 2023-10-21 07:34:18 +08:00 committed by GitHub
parent 50ff379f25
commit d8d896741b
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 55 additions and 0 deletions

View File

@ -534,6 +534,57 @@
.woocommerce-customize-store-tour-kit {
.woocommerce-tour-kit-step {
width: 319px;
box-shadow: none;
border: 1px solid var(--gutenberg-gray-300, #ddd);
}
.tour-kit-frame__container {
box-shadow: none;
}
.components-elevation {
display: none;
}
.tour-kit-frame__arrow::before {
box-shadow: none !important;
}
.tour-kit-frame__container[data-popper-placement^='left'] {
& > .tour-kit-frame__arrow {
right: -5px;
&::before {
border-top: 1px solid var(--gutenberg-gray-300, #ddd);
border-right: 1px solid var(--gutenberg-gray-300, #ddd);
}
}
}
.tour-kit-frame__container[data-popper-placement^='right'] {
& > .tour-kit-frame__arrow {
&::before {
border-bottom: 1px solid var(--gutenberg-gray-300, #ddd);
border-left: 1px solid var(--gutenberg-gray-300, #ddd);
}
}
}
.tour-kit-frame__container[data-popper-placement^='top'] {
& > .tour-kit-frame__arrow {
&::before {
border-bottom: 1px solid var(--gutenberg-gray-300, #ddd);
border-right: 1px solid var(--gutenberg-gray-300, #ddd);
}
}
}
.tour-kit-frame__container[data-popper-placement^='bottom'] {
& > .tour-kit-frame__arrow {
&::before {
border-top: 1px solid var(--gutenberg-gray-300, #ddd);
border-left: 1px solid var(--gutenberg-gray-300, #ddd);
}
}
}
.woocommerce-tour-kit-step__heading {

View File

@ -0,0 +1,4 @@
Significance: patch
Type: tweak
Remove spotlight tour modal shadow in CYS