Skip to content

Avoid tabbed-pane.scss style leakage#1163

Merged
chalin merged 1 commit intogoogle:mainfrom
chalin:chalin-im-fix-tabpane-style-leakage-2022-08-15
Aug 15, 2022
Merged

Avoid tabbed-pane.scss style leakage#1163
chalin merged 1 commit intogoogle:mainfrom
chalin:chalin-im-fix-tabpane-style-leakage-2022-08-15

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