sul-dlss / wallscreens

📺 curated experiences for touch-screen installations on the stanford campus
Other
1 stars 0 forks source link

First pass at styling interaction area buttons #230

Closed ggeisler closed 2 years ago

ggeisler commented 2 years ago

This PR updates the styling of (just) the interaction area buttons. I don't think this is as good as we can do, but it'll help me to see how this version looks on the physical wallscreen. In particular, I'm struggling to judge the best font sizes to keep everything in the right proportion.

I do think the button labels might be a bit too strong now, but we don't have a font-weight option between 400 (the before version) and 600 (the After version). The 400 just feels a bit anemic to me. I'd use 500 but I don't think it exists for Source Sans Pro?

Also, there's probably quite a bit of button-related SCSS refactoring we could do given the more specific styling done here, but I worry about trying to do that before finalizing everything. So maybe after all button styling is done, one of us can come back and remove unused button selectors, etc.

Before

Screen Shot 2021-11-17 at 4 21 12 PM

After

Screen Shot 2021-11-17 at 4 20 56 PM
netlify[bot] commented 2 years ago

✔️ Deploy Preview for sul-wallscreens ready!

🔨 Explore the source changes: 22ffd5eb2c1f18fe924409f977248d0c76dfe03d

🔍 Inspect the deploy log: https://app.netlify.com/sites/sul-wallscreens/deploys/6195906b15b181000717a292

😎 Browse the preview: https://deploy-preview-230--sul-wallscreens.netlify.app