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

Avoid tabbed-pane.scss style leakage #1163

Merged

Conversation

chalin
Copy link
Collaborator

@chalin chalin commented Aug 15, 2022

This PR applies minimal style changes in order to address the highlight style override reported in:


Preview: https://deploy-preview-1157--docsydocs.netlify.app/docs/adding-content/shortcodes/#tabbed-panes

Screenshots

Note the equal amount of spacing before and after the code block in the After screenshot.

Before After
image image

@chalin chalin requested review from LisaFC and deining August 15, 2022 08:36
Comment on lines +1 to 4
.tab-content {
.highlight {
margin: 0rem 0 2rem 0;
}
Copy link
Collaborator Author

Choose a reason for hiding this comment

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

As I understand it, a code-block cannot appear in a tab-content outside of a tab-pane, but there is an override of highlight in tab-pane already, so I think that this style change is dead code and should be removed. WDYT @deining @LisaFC?

Copy link
Collaborator

Choose a reason for hiding this comment

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

@deining may have a better take on it - I'll take a look, but my immediate thought is possibly we might want a style for highlight content that's in a tabbed pane but not inside a code block. Though if they're the same style settings....

Copy link
Collaborator

Choose a reason for hiding this comment

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

Though hmm, we only apply highlight to code blocks, so that doesn't make sense.

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 fixes the style "leakage". Can you approve it as is @LisaFC?
We can address the possible style "dead code" separately.

Copy link
Collaborator

Choose a reason for hiding this comment

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

Sure

Copy link
Collaborator Author

Choose a reason for hiding this comment

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

@chalin chalin force-pushed the chalin-im-fix-tabpane-style-leakage-2022-08-15 branch from a7047ca to 0bc7ff9 Compare August 15, 2022 15:55
@chalin chalin merged commit 1779a8c into google:main Aug 15, 2022
@chalin chalin deleted the chalin-im-fix-tabpane-style-leakage-2022-08-15 branch August 15, 2022 17:02
fekete-robert pushed a commit to fekete-robert/docsy that referenced this pull request Sep 13, 2022
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants