Add Overlay Card component and Storybook to Vartheme BS5 2.0.x

Created on 14 December 2022, over 1 year ago
Updated 30 May 2023, about 1 year ago

Problem/Motivation

Add the Overlay card component to vartheme bs5 with its story for the storybook.
This card represents a background image with some fields on the card.

Proposed resolution

Add the following files to create the new card component:

  • overlayCard.twig
  • overlayCard.config.yml file for story configuration.
  • overlayCard.story.jsx file, for the component story.
  • overlayCard.pattern.yml file, for a pattern component to work with Drupal.
  • overlay-card.scss file for card styling.
  • overlay-card-rtl.scss file for card styling.

With some settings for this configuration like:
Horizontal alignment:

  • Left
  • Center
  • Right

Vertical alignment:

  • Top
  • Center
  • Bottom

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-alpha1 β†’ , vartheme_bs5-2.0.0-alpha4 β†’

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

πŸ“Œ Task
Status

Fixed

Version

2.0

Component

Code

Created by

πŸ‡―πŸ‡΄Jordan Abdullah Yassin

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

Comments & Activities

Not all content is available!

It's likely this issue predates Contrib.social: some issue and comment data are missing.

Production build 0.69.0 2024