docusaurus icon indicating copy to clipboard operation
docusaurus copied to clipboard

feat(theme-classic): code block button place improve

Open Roiocam opened this issue 1 year ago • 3 comments

Pre-flight checklist

  • [x] I have read the Contributing Guidelines on pull requests.
  • [x] If this is a code change: I have written unit tests and/or added dogfooding pages to fully verify the new behavior.
  • [ ] If this is a new API or substantial change: the PR has an accompanying issue (closes #0000) and the maintainers have approved on my working plan.

Motivation

improve code block button place when it has code block title.

the following pic shows the difference after the PR change.

Code block button with title

截屏2024-08-31 04 18 31

Code block button without title

截屏2024-08-31 04 18 36

My website implementation via custom css on docusaurus

截屏2024-08-31 02 42 49

Test Plan

Test links

Deploy preview: https://deploy-preview-_____--docusaurus-2.netlify.app/

Related issues/PRs

Roiocam avatar Aug 30 '24 20:08 Roiocam

[V2]

Built without sensitive environment variables

Name Link
Latest commit d7c9188fdd23b41053920c1b32f9960a472d8a2b
Latest deploy log https://app.netlify.com/sites/docusaurus-2/deploys/66d22a2bf022fd00080d34ff
Deploy Preview https://deploy-preview-10461--docusaurus-2.netlify.app
Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify site configuration.

netlify[bot] avatar Aug 30 '24 20:08 netlify[bot]

⚡️ Lighthouse report for the deploy preview of this PR

URL Performance Accessibility Best Practices SEO Report
/ 🟠 81 🟢 98 🟢 96 🟢 100 Report
/docs/installation 🟠 60 🟢 97 🟢 100 🟢 100 Report
/docs/category/getting-started 🟠 74 🟢 100 🟢 100 🟠 86 Report
/blog 🟠 63 🟢 96 🟢 100 🟠 86 Report
/blog/preparing-your-site-for-docusaurus-v3 🔴 48 🟢 92 🟢 100 🟢 100 Report
/blog/tags/release 🟠 65 🟢 96 🟢 100 🟠 86 Report
/blog/tags 🟠 75 🟢 100 🟢 100 🟠 86 Report

github-actions[bot] avatar Aug 30 '24 20:08 github-actions[bot]

The latest updates on your projects. Learn more about Argos notifications ↗︎

Build Status Details Updated (UTC)
default (Inspect) ✅ No changes detected - Dec 31, 2024, 11:14 PM

argos-ci[bot] avatar Sep 02 '24 12:09 argos-ci[bot]