Improve AB styling capabilities v2 - Migrate more styles
What is in this MR
In this MR I've migrated all remaing styles from existing element. This migration implied a few things such as:
- Add a formula to set the table "show more" button label
- Add the link and image theme config block to customize these base components
- Add all heading values to Heading theme config block
- Add ABParagraph component
- Switch ABComponent to use CSS variables instead of classes
- Remove and migrate the old element based properties
How to test this MR
- Create a page with all elements except Iframe, column and form elements.
- Try to style all these elements
- Open the theme panel and play with styles
- Then test the migration:
- switch to develop and restart wipe
- create all those elements from the first point and set some values for the old style properties
- switch to this branch and apply the migrations
- All style should have been migrated
Merge Request Checklist
-
A changelog entry has been created if required. -
New/updated Premium/Enterprise features are separated correctly in the premium or enterprise folder -
The latest Chrome and Firefox have been used to test any new frontend features -
Documentation has been updated -
Quality Standards are met -
Performance: tables are still fast with 100k+ rows, 100+ field tables -
The redoc API pages have been updated for any REST API changes -
Our custom API docs are updated for changes to endpoints accessed via api tokens -
The UI/UX has been updated following UI Style Guide
Closes #2388 (closed)
Edited by Jérémie Pardou