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

Created on 18 July 2023, over 1 year ago
Updated 10 September 2023, about 1 year 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.71.5 2024