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: use SVG for closable button in announcement bar #5453

Merged
merged 1 commit into from
Aug 31, 2021

Conversation

lex111
Copy link
Contributor

@lex111 lex111 commented Aug 31, 2021

Motivation

The vertical centering of Unicode character is unstable, for example in Chrome on Linux, alignment of "x" char looks more or less ok, but in Chrome on Windows, it is much worse:

Linux Windows
2021-08-31_10-40 2021-08-31_10-41

That's why I suggest using SVG icon to achieve uniform alignment in all browsers.

Have you read the Contributing Guidelines on pull requests?

Yes

Test Plan

Preview

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 Aug 31, 2021
@lex111 lex111 requested a review from slorber as a code owner August 31, 2021 07:52
@facebook-github-bot facebook-github-bot added the CLA Signed Signed Facebook CLA label Aug 31, 2021
@netlify
Copy link

netlify bot commented Aug 31, 2021

✔️ [V2]

🔨 Explore the source changes: e102399

🔍 Inspect the deploy log: https://app.netlify.com/sites/docusaurus-2/deploys/612ddfba92dceb000794641a

😎 Browse the preview: https://deploy-preview-5453--docusaurus-2.netlify.app

@github-actions
Copy link

⚡️ Lighthouse report for the changes in this PR:

Category Score
🟠 Performance 71
🟢 Accessibility 98
🟢 Best practices 100
🟢 SEO 100
🟢 PWA 95

Lighthouse ran on https://deploy-preview-5453--docusaurus-2.netlify.app/

@github-actions
Copy link

Size Change: +1.18 kB (0%)

Total Size: 820 kB

Filename Size Change
website/build/blog/2017/12/14/introducing-docusaurus/index.html 66.8 kB +168 B (0%)
website/build/blog/index.html 37.6 kB +168 B (0%)
website/build/docs/index.html 44.2 kB +165 B (0%)
website/build/docs/installation/index.html 52.2 kB +165 B (0%)
website/build/index.html 30.4 kB +168 B (+1%)
website/build/tests/docs/index.html 24.7 kB +168 B (+1%)
website/build/tests/docs/standalone/index.html 22.5 kB +168 B (+1%)
ℹ️ View Unchanged
Filename Size Change
website/.docusaurus/globalData.json 36.5 kB 0 B
website/build/assets/css/styles.********.css 93.7 kB +14 B (0%)
website/build/assets/js/main.********.js 411 kB 0 B

compressed-size-action

@slorber
Copy link
Collaborator

slorber commented Aug 31, 2021

Thanks 👍

@slorber slorber merged commit 914e204 into main Aug 31, 2021
@slorber slorber deleted the lex111/annbar-fix branch August 31, 2021 09:03
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.

None yet

3 participants