Commit Graph

11 Commits

Author SHA1 Message Date
Tom Cafferkey a579e866b7
CYS: Add Zoomed Out feature (#50070)
* useZoomOut hook

* Update iframe with logic with zoomed out feature

* Add back in styling code for margins

* Spaces to tabs

* Device size toolbar

* Move zoom out state to context

* Rename variable

* Fork iframe component from Gutenberg

* Add getCompatibilityStyles needed for forked iframe

* Update usePopoverHandler iframe selector

* Remove zoom out context as its not needed

* Revert "Remove zoom out context as its not needed"

This reverts commit b29780d805.

* Add Zoom Out toggle to icons WIP

* Fix icon fill

* Update selectors to fix toolbar and sidebar pattern bugs

* Add comment to get getCompatibilityStyles file

* Update iframe comment

* Move device toolbar into its own component

* Resize and device changes

* Add prop to disable the resize handler

* Update toolbar to work with Zoom Out

* Hide changes behind feature gate so they dont impact design with AI flow

* Toolbar account for top device bar

* Add body class for with/without AI flow

* Adds changelog

* Fix typo

* Change TS comment to expect error

* Cleanup iframe with unneeded code

* Remove getcompatibilitystyles

* Remove device code from resizable frame

* Add ? operator

* Remove keydown code from iframe

* Fix toolbar scroll

* Pass deviceType as a prop to resizable frame

* Disable devicetoolbar whilst editor is loading

* Disable focus state

* Remove comment

* not disabled selector for button hover states

* Fix linting

* Remove unused fn

* Focus specific styles
2024-08-06 14:29:21 +01:00
Luigi Teschio fe4141f663
CYS: Remove iframe animation (#48941)
* CYS: Remove animation

* Add changefile(s) from automation for the following project(s): woocommerce

* lint CSS

---------

Co-authored-by: github-actions <github-actions@github.com>
2024-07-02 08:08:38 +00:00
Luigi Teschio 50b29d20f7
[Experimental] [CYS - Full Composability]: Add tooltip when user clicks on pattern (#47583)
* CYS: Show popover when the user clicks on the pattern

* Add changefile(s) from automation for the following project(s): woocommerce

* fix errors

* add documentation

* fix calculation

* improve performance

* remove not necessary else branch

* restore pnpm-lock

* improve function naming

* fix label

* improve logic

* remove dispatch

* remove console.log

* fix setLogoBlockIds

* fix build

---------

Co-authored-by: github-actions <github-actions@github.com>
2024-06-05 12:27:35 +00:00
Patricia Hillebrandt 5dd7713346
[Performance]: Replace `classnames` usage with `clsx` (#47760)
* Replace classnames with clsx within woocommerce-blocks.

* Undo unnecessary change to getClassnames const.

* Replace classnames with clsx within woocommerce-admin.

* Add changelog.

* Update the pnpm lock file

* Address lint.

* Address lint errors for the block-library.
2024-05-31 05:49:36 +02:00
Chi-Hsuan Huang 8d80436d45
[CYS] Fix frame overlap sidebar (#41237)
* Fix frame overlap the sidebar

* Add changelog

* Update
2023-11-07 10:15:24 +08:00
Chi-Hsuan Huang 54d3394ac4 Fix cys frame zooming in/out while moving mouse over 2023-11-03 13:57:41 +08:00
Chi-Hsuan Huang 14e37229a5 Fix resizer handler bar style and position 2023-11-03 13:39:04 +08:00
Chi-Hsuan Huang 7b00687a38
Fix CYS assembler hub UI issues (#41036)
* Set default logo size to 60px and max to 200px

* Hide homepage template label

* Scroll to position when selecting a pattern

* Fix preview opacity issue

* Update sidebar scrollbar style

* Fix onboarding tour resize handle

* Add changelog
2023-10-26 18:15:30 +08:00
RJ 10bb0cc822
fix/cys ui feedback 12 sep (#40155) 2023-09-20 10:47:05 +08:00
Chi-Hsuan Huang c9b8236f53
Add customize store assembler hub onboarding tour (#39981)
* Update tour-kit to have a optional skip button and custom secondary button label

* Add changelog

* Add onboarding tour

* Update layout and resiable-frame for onboarding tour

* Update onboarding tour style

* Update resizable handler

* Add changefile(s) from automation for the following project(s): @woocommerce/components, woocommerce

---------

Co-authored-by: github-actions <github-actions@github.com>
2023-09-05 15:12:04 +08:00
Chi-Hsuan Huang c025b102fc
Add customize store assembler hub logo (#39932)
* Add @wordpress/blob for wc admin customize store project

* Update save-hub to save entities correctly

* Add logo block context

* Update block-editor to render different preview layout for different paths

* Add media uploader filter

* Update logo sidebar

* Fix auto block preview

* Update styles

* Update loading state

* Add changefile(s) from automation for the following project(s): woocommerce

* Add comments

Add comments

* Update pnpm-lock.yaml

* Update pnpm-lock.yaml

* Add custom resiable-frame

* Update plugins/woocommerce-admin/client/customize-store/assembler-hub/block-editor.tsx

Co-authored-by: Ilyas Foo <foo.ilyas@gmail.com>

* Update plugins/woocommerce-admin/client/customize-store/assembler-hub/sidebar/sidebar-navigation-screen-logo.tsx

Co-authored-by: Ilyas Foo <foo.ilyas@gmail.com>

* Update plugins/woocommerce-admin/client/customize-store/assembler-hub/resizable-frame.jsx

Co-authored-by: Ilyas Foo <foo.ilyas@gmail.com>

* Open media uploader when clicking logo image

* Update style

* FRAME_TRANSITION -> frameTransition

* Fix missing import

---------

Co-authored-by: github-actions <github-actions@github.com>
Co-authored-by: Ilyas Foo <foo.ilyas@gmail.com>
2023-09-05 14:21:19 +08:00