Add Card styling for Card Border, Anchor All, Card Size and Equal height variations

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

Problem/Motivation

  • No styling for SDC Card Components
  • Only HTML tags and Bootstrap 5.3.0 utility classes

Proposed resolution

  • Add Card styling
  • Add Card Border ( true, false) and effect for Featured Card and Impressed
  • Add Anchor All (true, false) with effect for all Card components
  • Add Card Size SCSS and CSS files for all Card components
  • Add Equal height option for Card components to use with row stacked Cards, and to switch off for column staked Cards
  • Issue #3374946 : Switched from the old View Modes Inventory (VMI)'s variables to the Card naming convention following Varbase SDC Cards components

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-2.0.0-alpha13

Varbase update type

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

User interface changes

  • N/A

API changes

  • N/A

Data model changes

  • N/A

Release notes snippet

  • Issue #3374893 : Add Card styling for Card Border, Anchor All, Card Size and Equal height variations
📌 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