ethereum-org-website icon indicating copy to clipboard operation
ethereum-org-website copied to clipboard

Fix: homepage code example RTL layout

Open wackerow opened this issue 1 year ago • 1 comments

Description

  • Forces entire mobile Accordion to dir="ltr" to keep loading skeleton and copy button positioned correctly
  • Forces desktop loading skeleton to dir="ltr", and forces desktop copy button to right- instead of end- since the code will always be ltr (so we don't want the copy button to move to the left, even on rtl locales)
  • Updates ui/accordion to use ChevronNext (direction responsive form of MdChevronRight), and adds rotate tailwind class to reverse rotation direction if rtl direction is inherited.

Preview link

https://deploy-preview-14044--ethereumorg.netlify.app/ur/

wackerow avatar Oct 03 '24 15:10 wackerow

Deploy Preview for ethereumorg ready!

Name Link
Latest commit c6b7c037cd1ea2cda7f452b96dde9ab9f8ed6809
Latest deploy log https://app.netlify.com/sites/ethereumorg/deploys/67000211475eb800089b1403
Deploy Preview https://deploy-preview-14044--ethereumorg.netlify.app
Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

Lighthouse
7 paths audited
Performance: 48 (🔴 down 5 from production)
Accessibility: 93 (no change from production)
Best Practices: 89 (🔴 down 9 from production)
SEO: 92 (no change from production)
PWA: -
View the detailed breakdown and full score reports

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

netlify[bot] avatar Oct 03 '24 15:10 netlify[bot]