Integrate the Bootstrap ~5.3.0 Utility API, along with its utility classes, to elevate the design and enhance the functionality of Card components, encompassing Card/Media/Content utility classes

Created on 22 July 2023, over 1 year ago
Updated 10 September 2023, over 1 year ago

Problem/Motivation

Bootstrap ~5.3.0 has a big list of Utility API which brings out Utility Classes for all Bootstrap Components.

Custom Varbase developed Bootstrap Utility Classes

Proposed resolution

  • Add Utility Classes group for UI patterns only Cards Components.
  • Add Card Utility Classes to pass classes to the main card wrapper div
  • Add Media Utility Classes to pass classes to a needed only media wrapper div
  • Add Content Utility Classes to pass classes to the content wrapper div
  • Remove the group
  • Remove . Move that to hook pre-process only when needed
  • Remove . Move that to hook pre-process only when needed
  • Remove showing the or Drupal Attributes in the Varbase Storybook

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
  • ✅ 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.0-beta1 , varbase_components-1.0.0-alpha16

Varbase update type

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

User interface changes

Varbase Components - Organisms - Impressed Card - in Varbase Storybook
Almost the same set of Props in the UI Pattern layout settings
When the Utility Classes group is open
The output in the Drupal site will use the same rendered functions to print out the HTML of the component

API changes

  • N/A

Data model changes

  • N/A

Release notes snippet

  • Issue #3376289 : Integrated the Bootstrap ~5.3.0 Utility API, along with its utility classes, to elevate the design and enhance the functionality of Card components, encompassing Card/Media/Content utility classes
📌 Task
Status

Fixed

Version

2.0

Component

Code

Created by

🇯🇴Jordan Rajab Natshah Jordan

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

Comments & Activities

Production build 0.71.5 2024