Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

COM-707 Raise signifier link above headline link #2326

Merged
merged 6 commits into from
Oct 4, 2021

Conversation

mikemai2awesome
Copy link
Collaborator

@mikemai2awesome mikemai2awesome commented Sep 23, 2021

Jira

https://pegadigitalit.atlassian.net/browse/COM-707

Summary

Updates the Listing Teaser to allow signifier link to have a higher stacking order than the main headline link.

Details

  1. HTML in twig template is modified to achieve stacking order. All elements that might need a higher stacking order will need to come after the headline.
  2. CSS is adjusted to account for possible types of action element used for a clickable signifier.

How to test

Run the branch locally and view docs under Listing Teaser. In the Search Results demo page, go to the Related Videos section, the video thumbnail should open a video modal, the headline link should lead to a page.

@github-actions github-actions bot added the type: bugfix List this PR in the 'Bug Fixes' section of the release notes. label Sep 23, 2021
@colbytcook colbytcook requested a deployment to feature/DS-594-replace-icons-in-components--cf893029--commit-preview September 23, 2021 20:02 In progress
@colbytcook colbytcook temporarily deployed to bugfix/com-707-listing-teaser-signifier-link--branch-preview September 28, 2021 18:59 Inactive
@mikemai2awesome mikemai2awesome changed the title [DO NOT MERGE] com-707: raise signifier link above headline link COM-707 Raise signifier link above headline link Sep 28, 2021
@colbytcook colbytcook had a problem deploying to bugfix/com-707-listing-teaser-signifier-link--2f9b970d--commit-preview September 28, 2021 19:58 Failure
@colbytcook colbytcook temporarily deployed to bugfix/com-707-listing-teaser-signifier-link--branch-preview September 28, 2021 20:12 Inactive
Copy link
Contributor

@colbytcook colbytcook left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I can confirm this looks correct on Safari and Chrome but I am not seeing it work properly on Firefox.

@colbytcook
Copy link
Contributor

@mikemai2awesome Looks good!

I am seeing the fix on the Listing Teaser Search (/pattern-lab/?p=components-listing-teaser-use-case-search-result-list) page but I am not Community Search Page (/pattern-lab/?p=pages-community-search-layout). Not sure if that matters or not but I figured I would call it out.

@mikemai2awesome
Copy link
Collaborator Author

@colbytcook Good catch. This should do it.

Copy link
Collaborator

@danielamorse danielamorse left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Confirmed bug fixed, solution makes sense.

@danielamorse danielamorse merged commit 3718d6b into master Oct 4, 2021
@danielamorse danielamorse deleted the bugfix/com-707-listing-teaser-signifier-link branch October 4, 2021 17:37
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
type: bugfix List this PR in the 'Bug Fixes' section of the release notes.
Projects
None yet
Development

Successfully merging this pull request may close these issues.

3 participants