Contrib.social

Change the list of styles for heading with display, callout, alert and remove leftover BS3 and BS4 legacy classes and logic in favour of the new logic in Bootstrap 5

Open on Drupal.org →
Created on 7 August 2024, 4 months ago
Updated 9 September 2024, 3 months ago

Problem/Motivation

The following 2 classes are leftover

Well style was deprecated in BS4 - but we had a Legacy for this in Vartheme BS4 - ( Dropped out in Vartheme BS5 ) - this came late – as the switch to CKEditor 5 was late in Drupal 10.2 and 10.3

Card is supported BS4 and BS5, But it was as a replacement of the Panels in BS3 ( but deprecated/and dropped in BS4 ) - we had a legacy for this in Vartheme BS4 too .. Dropped in Vartheme BS5

It is better to follow the new logic, not to keep a grip on an old method

Proposed resolution

  • Remove any use of .well class in any Rich Editor text format.
  • Remove any use of .card class in any Rich Editor text format.
  • Change the list of styles as provided by the product lead
    h2.display-1|Display 1 (h2)
h2.display-2|Display 2 (h2)
h2.display-3|Display 3 (h2)
h2.display-4|Display 4 (h2)
h2.display-5|Display 5 (h2)
h2.display-6|Display 6 (h2)
h3.display-1|Display 1 (h3)
h3.display-2|Display 2 (h3)
h3.display-3|Display 3 (h3)
h3.display-4|Display 4 (h3)
h3.display-5|Display 5 (h3)
h3.display-6|Display 6 (h3)
h4.display-1|Display 1 (h4)
h4.display-2|Display 2 (h4)
h4.display-3|Display 3 (h4)
h4.display-4|Display 4 (h4)
h4.display-5|Display 5 (h4)
h4.display-6|Display 6 (h4)
h5.display-1|Display 1 (h5)
h5.display-2|Display 2 (h5)
h5.display-3|Display 3 (h5)
h5.display-4|Display 4 (h5)
h5.display-5|Display 5 (h5)
h5.display-6|Display 6 (h5)
h6.display-1|Display 1 (h6)
h6.display-2|Display 2 (h6)
h6.display-3|Display 3 (h6)
h6.display-4|Display 4 (h6)
h6.display-5|Display 5 (h6)
h6.display-6|Display 6 (h6)
p.bs-callout|Callout
p.alert.alert-success|Alert success
p.bs-callout.bs-callout-info|Callout Info
p.alert.alert-info|Alert info
p.bs-callout.bs-callout-warning|Callout warning
p.alert.alert-warning|Alert warning
p.bs-callout.bs-callout-danger|Callout danger
p.alert.alert-danger|Alert danger
  • Hide ck-disabled ck-off Block Styles when selecting an HTML tag
  • Have a hook update to change this config

Remaining tasks

  • ✅ File an issue about this project
  • ✅ Addition/Change/Update/Fix to this project
  • ✅ Testing to ensure no regression
  • ➖ Automated unit/functional testing coverage
  • ➖ Developer Documentation support on feature change/addition
  • ➖ User Guide Documentation support on feature change/addition
  • ✅ UX/UI designer responsibilities
  • ✅ Accessibility and Readability
  • ✅ Code review from 1 Varbase core team member
  • ✅ Full testing and approval
  • ✅ Credit contributors
  • ✅ Review with the product owner
  • ✅ Update Release Notes and Update Helper on new feature change/addition
  • ✅ Release varbase-10.0.1 → , varbase_editor-10.0.4 →

Varbase update type

  • ➖ No Update
  • ➖ Optional Update
  • ➖ Forced Update
  • ✅ Forced Update if Unchanged

User interface changes

Watch this video →

Headings with Display options
→

Callout with styling options
→

Alert with styling options
→

Test Header 2 LTR
→

Edit Header 2 LTR
→

API changes

  • N/A

Data model changes

  • N/A

Release notes snippet

  • Issue #3466509 → by n.ghunaim → : Changed the list of styles for heading with display, callout, alert and remove leftover BS3 and BS4 legacy classes and logic in favour of the new logic in Bootstrap 5
📌 Task
Status

Fixed

Version

10.0

Component

Code

Created by

🇯🇴Jordan n.ghunaim Amman - Jordan

Live updates comments and jobs are added and updated live.
Sign in to follow issues

Merge Requests

Comments & Activities

contrib.social Blog FAQ Discussions
Production build 0.71.5 2024