Resolve #3477138 "Implement comparison cards"
Closes #3477138
Testing steps
-
checkout the drupalorg project to https://gitlab.com/drupal-infrastructure/sites/drupalorg/-/merge_requests/49, clear caches and import config
-
for up to date mother node test content checkout the drupalorg contrib issue to this fork https://www.drupal.org/project/drupalorg/issues/3477134
-
Note: if you run
composer recreate
it will default you to a different version of the default content, so if you need to run that, checkout to this branch after you run it, and then re-import the default content. (see docs in the drupal org module if needed) Once you are spun up: -
run
composer install-storybook; ddev yarn storybook` -
Visit storybook and verify these components are rendering correctly:
https://drupalorg.ddev.site:6006/?path=/story/components-comparison-card--1-featured-comparison-card https://drupalorg.ddev.site:6006/?path=/story/components-comparison-card--1-comparison-card https://drupalorg.ddev.site:6006/?path=/story/components-feature-card--1-feature-card
-
Visit the mothernode
- Verify that the feature list still looks good.
- Verify the comparison cards look good. The spacing is not identical to the design. That was an intentional choice for uniformity.
-
Edit both the feature and comparison card Card lists and test the background and text alignment settings.