-
Notifications
You must be signed in to change notification settings - Fork 4.3k
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
[Mobile] Moves block settings and more button to the toolbar #52289
Conversation
…ock, toggleFormatting and addBlock helpers
Size Change: 0 B Total Size: 1.42 MB ℹ️ View Unchanged
|
…swiping to the right
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
LGTM! I was able to successfully test the changes on iOS and Android. According to the mocks, I believe these toolbar buttons should be black, not blue, however. I wanted to check that that's what you intended #52336 for. Noting that, going ahead and approving. 🚀
# Conflicts: # packages/edit-post/src/components/header/header-toolbar/index.native.js
Flaky tests detected in 9ec99b1. 🔍 Workflow run URL: https://github.com/WordPress/gutenberg/actions/runs/5476236237
|
All usage was removed in #52289. Additionally, the utility may be outdated and incompatible with the current editor UI.
All usage was removed in #52289. Additionally, the utility may be outdated and incompatible with the current editor UI.
* test: Increase `swipeDown` swipe distance The larger swipe distance results in faster scrolling, which will reduce the time it takes to scroll. The reduced time will mitigate the need to await longer scroll durations before asserting expectations and reduce test durations in general. Additionally, refactor both `swipeUp` and `swipeDown` to use an options parameter to communicate each argument intent, as well as improve alignment between the utilities. * test: Remove unused `removeBlockAtPosition` utility All usage was removed in #52289. Additionally, the utility may be outdated and incompatible with the current editor UI.
Related PRs:
What?
This PR moves the block mobile toolbar and moves the settings and more buttons to the header toolbar.
Why?
Part of the design changes project to make the mobile editor more consistent with the Web editor.
How?
isStackedHorizontally
prop. It also now renders the BlockSettingsButton, BlockMover, and BlockActionsMenu.swipeToolbarToElement
to be able to scroll within the toolbar for cases of removing a block, adding a block, and toggling formatting buttons.Testing Instructions
Testing Instructions for Keyboard
N/A
Screenshots or screencast
Simulator.Screen.Recording.-.iPhone.14.Pro.-.2023-07-05.at.20.06.17.mp4