crystal-lang / crystal-website

crystal-lang.org website
61 stars 77 forks source link

Fix workaround for WebKit line break in `link-actions` #769

Closed straight-shoota closed 7 months ago

straight-shoota commented 7 months ago

Resolves #766

netlify[bot] commented 7 months ago

Deploy Preview for crystal-website ready!

Name Link
Latest commit 22fe85f0d9826b0b014807d24eae221fde63dcf2
Latest deploy log https://app.netlify.com/sites/crystal-website/deploys/660fbfa654696800082af18b
Deploy Preview https://deploy-preview-769--crystal-website.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.

beta-ziliani commented 7 months ago

Partially so, though, unless this is another element?

image
beta-ziliani commented 7 months ago
image
straight-shoota commented 7 months ago

Yes, the link in the code example description is a different element. And we can't use the same workaround here because the link labels are longer here and we need line wrapping on small viewports. We could work around by having the link span the entire available horizontal space.

The footer logo looks like a similar issues with flex elements not stretching to the appropriate fit-content width. I'll add a separate workaround for that.