Skip to content

Make emoji tiles more responsive#44

Open
treyhunner wants to merge 3 commits intomainfrom
improve-some-styles
Open

Make emoji tiles more responsive#44
treyhunner wants to merge 3 commits intomainfrom
improve-some-styles

Conversation

@treyhunner
Copy link
Copy Markdown
Member

Changes:

  • Use a CSS grid to make the emoji character take up the same height as the two text items
  • Set width of emoji character to 1.2x the font size (it seems to work on my machine 😅)
  • Set overflow to hidden and disable text wrapping for emoji character so more than 1 character never shows
  • Make clickable header area much smaller

I'm not sure how to confirm that 1.2x will work properly as the character width.

@netlify
Copy link
Copy Markdown

netlify bot commented Jun 12, 2022

Deploy Preview for leafy-cocada-ad06dd ready!

Name Link
🔨 Latest commit afbd893
🔍 Latest deploy log https://app.netlify.com/sites/leafy-cocada-ad06dd/deploys/62a643d88d4ad9000887a294
😎 Deploy Preview https://deploy-preview-44--leafy-cocada-ad06dd.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 settings.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant