-
Notifications
You must be signed in to change notification settings - Fork 4.1k
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
[FEAT] Support linear gradient in cover block #20411
Conversation
…if the content has higher height
…/cover-block # Conflicts: # packages/block-editor/src/components/media-upload/index.native.js # packages/block-library/src/heading/edit.native.js # packages/block-library/src/paragraph/edit.native.js # packages/rich-text/src/component/index.native.js
…h mobile and renaming to attributesFromMedia
…d prettier formatting
…/cover-block # Conflicts: # packages/rich-text/src/component/index.native.js
…med onlyMediaLibrary to __experimental
…/cover-block # Conflicts: # packages/block-editor/src/components/media-upload/index.native.js # packages/components/src/index.native.js
… solid background
…/cover-block # Conflicts: # packages/block-editor/src/components/media-upload/index.native.js # packages/block-library/src/index.native.js
Size Change: 0 B Total Size: 865 kB ℹ️ View Unchanged
|
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.
All test cases worked perfectly, tested on the demo and the main apps for iOS and Android. Gradients look so pretty 🤩nice work! LGTM!
Btw remember to change the base of the PR to develop.
The base branch has been updated :). I also added one test case to check if we have correct settings when the gradient is set |
Let's update the PR description to refer to wordpress-mobile/gutenberg-mobile#1860 instead. My bad directing to the wrong issue in the first place. |
All working great! Thanks!! Nice work! |
Description
Fixes wordpress-mobile/gutenberg-mobile#1860
Gutenberg-mobile PR - wordpress-mobile/gutenberg-mobile#1949
ATM we are able to set the linear gradient as a background in the cover block. Since we don't have the gradient picker on mobile yet I added a possibility to render linear-gradient if it set on the web.
Additionally, I moved the logic from ColorBackground related to the gradient to a separate file - LinearGradient.
How has this been tested?
Test case 1
Test case 2
Test case 3
BlockToolba
r and choose media to set an image as a backgroundTest case 4
Screenshots
Types of changes
Checklist: