zeeguu / web

Frontend for the zeeguu web application.
https://www.zeeguu.org
3 stars 5 forks source link

Word List CSS Changes #339

Closed tfnribeiro closed 2 months ago

tfnribeiro commented 3 months ago

The History tab would have very large word items, which didn't scale when shown in smaller screens. This made it hard to user, and difficult to sometimes see which article the words are associated with.

I propose changes to allow the word sizing to scale - fitting better in smaller screens - and to move the speaker icon to the left of the word, so they all are in the same place. This CSS applies whenever the Word component is used, including the exercises or the list at the end of reading an article.

Before:

image

image

Proposed Changes:

image

image

netlify[bot] commented 3 months ago

Deploy Preview for voluble-nougat-015dd1 ready!

Name Link
Latest commit 651ec04f08f1db1e94fea9938ffc010b9d63ae1d
Latest deploy log https://app.netlify.com/sites/voluble-nougat-015dd1/deploys/661cd67f8927ea0008f6f89e
Deploy Preview https://deploy-preview-339--voluble-nougat-015dd1.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.