Fix position to relative for Varbase Card components when having the Anchor All switcher option

Created on 18 July 2023, 12 months ago
Updated 10 September 2023, 10 months ago

Problem/Motivation

Having links related to card components covering other parts of the page.
Maybe not in the same row or in the same grid

Proposed resolution

  • Change .anchor-all to have position: relative;
  • Add support for links in the Card Title .card-title not selecting the h3 HTML tag
  • Add support for links in the Card Link .card-link to let custom Card blocks or content without node title like blocks or components benefit of using the Anchor All switcher option

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-alpha15

Varbase update type

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

User interface changes

Example: when having Anchor All for the Impressed card - medium display view mod for the Varbase Blog content type

Blog post - Default Full Content layout + the Admin Editorial interface - No colliding of links

Blog post - Edge to Edge lead media 2 columns - layout + the Admin Editorial interface - No colliding of links

Blog post - Edge to Edge lead media 1 column - layout + the Admin Editorial interface - No colliding of links

Blog post - Lead media 2 columns - layout + the Admin Editorial interface - No colliding of links

Blog post - Lead media 1 column - layout + the Admin Editorial interface - No colliding of links

Use of Cards and number of Anchor All Cards in a News section + the Admin Editorial interface - No colliding of links

API changes

  • N/A

Data model changes

  • N/A

Release notes snippet

  • Issue #3375286 : Fixed position to relative for Varbase Card components when having the Anchor All switcher option
🐛 Bug report
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.69.0 2024