Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Make emoji tiles more responsive #44

Open
wants to merge 3 commits into
base: main
Choose a base branch
from
Open

Conversation

treyhunner
Copy link
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

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