Update card styles and fix grid alignment - Githubissues

frankmarra / DLCM

0 stars 0 forks source link

Update card styles and fix grid alignment #153

Closed hexagoncircle closed 1 year ago

hexagoncircle commented 1 year ago

Temporary solution until I can rethink this layout a bit.

Adds truncation for single line truncation.
Adds line-clamp for multiline truncation; Set --line-clamp to change which line to truncate on. Default is 2.
Adjusts card typography a smidge.
Ensures that all cards are same height in the case that one or more cards have grown larger in height.

Testing

Navigate to an artist with a release that grows in height. The one shared with the bug was https://deploy-preview-153--unrivaled-pie-1255ea.netlify.app/pinkdolphinmusic
To test truncation, open dev tools, select the text in a release card, and add a wall of text. See that after 2 lines the release title, artist name, and label will all truncate.

netlify[bot] commented 1 year ago

Deploy Preview for unrivaled-pie-1255ea ready!

Name	Link
Latest commit	92e08b98556d4c2f0bbe89dda7bc44da9427dcac
Latest deploy log	https://app.netlify.com/sites/unrivaled-pie-1255ea/deploys/64db843cc58fcb0008340bce
Deploy Preview	https://deploy-preview-153--unrivaled-pie-1255ea.netlify.app
Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

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