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

Display SUMMARY marker by preventing inline display #6118

Merged
merged 1 commit into from
Apr 26, 2021

Conversation

delawski
Copy link
Collaborator

Summary

The "Examples" elements in the Paired URL Structure sections on the Settings page were missing the expander arrows.

It was caused by the fact that the summary element display value has been changed from the default value (list-item) to inline-block.

Before After
Screenshot 2021-04-26 at 12 40 22 Screenshot 2021-04-26 at 12 40 33

Checklist

  • My code is tested and passes existing tests.
  • My code follows the Engineering Guidelines (updates are often made to the guidelines, check it out periodically).

@delawski delawski added Bug Something isn't working CSS labels Apr 26, 2021
@github-actions
Copy link
Contributor

Plugin builds for e25ceba are ready 🛎️!

@@ -413,7 +413,6 @@ li.error-kept {
}

#paired-url-structure .amp-paired-url-examples summary {
display: inline-block;
Copy link
Member

Choose a reason for hiding this comment

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

Humm. I had added this 5 months ago for some reason: 7354ccf

Copy link
Collaborator Author

Choose a reason for hiding this comment

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

This behavior of the summary element is quite odd to me and I wasn't aware of it before. But it seems it's a known limitation/quirk (see the last paragraph).

Copy link
Member

@westonruter westonruter left a comment

Choose a reason for hiding this comment

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

Changes work as expected in both Chrome and Firefox.

display-summary-marker-fixed.mov

@westonruter westonruter merged commit f7ad0a8 into develop Apr 26, 2021
@westonruter westonruter deleted the fix/add-missing-summary-arrow branch April 26, 2021 15:59
@westonruter westonruter added this to the v2.1 milestone Apr 26, 2021
@westonruter westonruter self-assigned this Apr 26, 2021
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Bug Something isn't working CSS
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants