Steve-Dee-Designs
/
woocommerce
mirror of https://github.com/woocommerce/woocommerce.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Update style of Block product editor TourKit (#38640) 

* Increment style of first step of block editor tour

* Changelog
This commit is contained in:
Nathan Silveira 2023-06-13 16:44:01 -03:00 committed by GitHub
parent ef6fe8567d
commit bc3edb0ae1
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
3 changed files with 17 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
plugins/woocommerce-admin/client/products/tour/block-editor/block-editor-tour.tsx
View File

@ -139,6 +139,7 @@ const BlockEditorTour = ( { shouldTourBeShown, dismissModal }: Props ) => {
}, },
}, },
], ],
classNames: 'woocommerce-block-editor-tourkit',
}, },
} } } }
/> />

12
plugins/woocommerce-admin/client/products/tour/block-editor/style.scss
View File

@ -1,10 +1,11 @@
$background-height: 220px; $background-height: 220px;
$yellow: #f5e6ab; $yellow: #f5e6ab;
$light-purple: #f2edff;
.woocommerce-block-editor-guide { .woocommerce-block-editor-guide {
&__background1 { &__background1 {
height: $background-height; height: $background-height;
background-color: #f2edff; background-color: $light-purple;
} }
&__background2 { &__background2 {
height: $background-height; height: $background-height;
@ -56,3 +57,12 @@ $yellow: #f5e6ab;
} }
} }
} }
.woocommerce-block-editor-tourkit {
.components-card__header {
align-items: flex-start;
height: 200px;
background-color: $light-purple;
margin-bottom: $gap;
}
}

5
plugins/woocommerce/changelog/update-tourkitdesign Normal file
View File

@ -0,0 +1,5 @@
Significance: patch
Type: tweak
Comment: Update styles of block editor tour