Implement the new Take action boxout design on Post pages including the frontend and the backend experience.
See also the change in the design system
The new TA boxout has 2 different layout options:
- Users can place the Take action boxout wherever they want in the Post, between paragraphs of the post, at the bottom of the post.
- Will be done in a separate ticket : Users also have the option to make the Take action boxout sticky at the bottom of the screen for Mobile screens (M & S) by clicking a checkbox in the side bar options.
The text rules for the frontend design should be limited to a certain amount of text lines depending on the versions and the screens. Please follow what is displayed on the Figma file.
In the backend, here are some rules to consider:
- The "Want to do more" text should be editable but should have a limit of one line of text.
- When users select an existing TA page after they already have customized the content, we should display a confirmation message saying: "Would you like to override the content you've already entered with this Take action page content?" + show 2 buttons "Cancel" and "Confirm".
Note: since these changes need to be released together with 2 other tickets, we are putting everything on the new-post-design branch until they are all ready!
- blocks
-
PLANET-6379 New Post, Comments, Covers and Take Action Boxout design implementations
- CLOSED
- has to be done after
-
PLANET-6450 Migrate posts to use the Take Action Boxout block instead of the setting
- CLOSED
- has to be done before
-
PLANET-6471 Take Action Boxout: Align the way we upload/edit images with other blocks
- CLOSED
- has to be finished together with
-
PLANET-5608 Covers: Implement "Take action" style new design
- CLOSED
-
PLANET-6070 Implement the new Post page centered layout
- CLOSED
-
PLANET-6071 Implement the new design of the Comments block
- CLOSED
- is blocked by
-
PLANET-4812 Convert Take Action Boxout to WYSIWYG
- CLOSED
- relates to
-
PLANET-6475 Add sticky option on Take Action Boxout block
- CLOSED