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

refactor(v2): make better code blocks #2534

Merged
merged 2 commits into from
Apr 5, 2020
Merged

refactor(v2): make better code blocks #2534

merged 2 commits into from
Apr 5, 2020

Conversation

lex111
Copy link
Contributor

@lex111 lex111 commented Apr 5, 2020

Motivation

If there is only one line in the code block, the copy button is too low positioned. I suggest a little lift it.

In addition, I removed the redundant code left after #2533.

@yangshun open-ended question for discussion: do we really want to leave the background opacity? Actually, with long lines of code, this button becomes not so noticeable.

image

Have you read the Contributing Guidelines on pull requests?

Yes

Test Plan

Before After
image image

Related PRs

(If this PR adds or changes functionality, please take some time to update the docs at https://github.com/facebook/docusaurus, and link to your PR here.)

@lex111 lex111 added the pr: polish This PR adds a very minor behavior improvement that users will enjoy. label Apr 5, 2020
@lex111 lex111 added this to the v2.0.0-alpha.51 milestone Apr 5, 2020
@lex111 lex111 requested review from wgao19 and yangshun as code owners April 5, 2020 09:10
@facebook-github-bot facebook-github-bot added the CLA Signed Signed Facebook CLA label Apr 5, 2020
@docusaurus-bot
Copy link
Contributor

docusaurus-bot commented Apr 5, 2020

Deploy preview for docusaurus-2 ready!

Built with commit aa0d856

https://deploy-preview-2534--docusaurus-2.netlify.com

Copy link
Contributor

@yangshun yangshun left a comment

Choose a reason for hiding this comment

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

Thank you! This is much cleaner.

The reason I used a translucent background is so that it kinda matches whichever code block theme the user chooses. WDYT?

@yangshun yangshun merged commit 349eee0 into master Apr 5, 2020
@yangshun yangshun deleted the lex111/copy-btn-imp branch April 5, 2020 10:01
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
CLA Signed Signed Facebook CLA pr: polish This PR adds a very minor behavior improvement that users will enjoy.
Projects
None yet
Development

Successfully merging this pull request may close these issues.

4 participants