CYS: Remove spotlight tour modal shadow (#40861)
* Tweak css for spotlight tour modal shadow * Changelog * Lint
This commit is contained in:
parent
50ff379f25
commit
d8d896741b
|
@ -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 {
|
||||
|
|
|
@ -0,0 +1,4 @@
|
|||
Significance: patch
|
||||
Type: tweak
|
||||
|
||||
Remove spotlight tour modal shadow in CYS
|
Loading…
Reference in New Issue