Skip to content

Improve AB styling capabilities v2 - Migrate more styles

Jérémie Pardou requested to merge 2388-2-add-more-styles into develop

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

Merge request reports

Loading