Last 12 weeks · 74 commits
5 of 6 standards met
Description On doc pages that have no right-hand table of contents (e.g. pages with ), the "Copy page" button appears at the top-left (above the title) instead of the top-right. On pages that do have a TOC, the button correctly sits at the top-right next to the menu. Compare: Building For TV — , button is mis-aligned to the left. Out-of-Tree Platforms — has a TOC, button is correctly on the right. Root cause renders the in-article Copy page button inside — a flex row with — next to `DocVersionBadge.docHeaderContainerjustify-content: space-between.copyPageArticleActionstyles.copyPageArticleActionwebsite/src/theme/DocItem/Layout/styles.module.cssdiv[class^="copyPageArticleAction"]margin-bottomdisplay: none.copyPageArticleActionWithTocmargin-left: auto` pushes the button to the right edge whether it is the only child (no badge) or sharing the row with the version badge (badge stays left, button right). Screenshots
Fixes #5160. Summary On doc pages without a table of contents (e.g. ), the "Copy page" button appeared at the top-left (above the title) instead of the top-right. The in-article button is rendered in — a flex row with — next to `DocVersionBadgespace-between.copyPageArticleActionstyles.copyPageArticleActionstyles.module.cssmargin-left: automargin-left: autodisplay: noneprettier --check` passes on the changed file. Visual before/after below. Screenshots Before: After:
Repository: react/react-native-website. Description: The React Native website and docs Stars: 2146, Forks: 6191. Primary language: MDX. Languages: MDX (61%), TypeScript (32%), SCSS (4.2%), CSS (1.4%), JavaScript (1.1%). License: MIT. Homepage: https://reactnative.dev Topics: docusaurus, react, react-native. Open PRs: 87, open issues: 11. Last activity: 58m ago. Community health: 87%. Top contributors: Simek, hramos, tesseralis, dependabot[bot], cpojer, cortinico, rickhanlonii, huntie, charpeni, luism3861 and others.