Contrib.social

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

Open on Drupal.org →
Created on 22 July 2023, over 1 year ago
Updated 10 September 2023, about 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

contrib.social Blog FAQ Discussions
Production build 0.71.5 2024