alexisraya / idm-371-word-for

UXID Junior Project. WordFor is a web app that provides dynamic, in-depth translations for multi-lingual speakers.
https://wordfor.vercel.app
2 stars 1 forks source link

Initial Commit #6

Closed danelegassick closed 9 months ago

danelegassick commented 9 months ago

In app.html: added inline styles to clear margin and padding on body. this will allow for easer css manip on all pages.

Added div container around form to center the content on the page and add padding

Translate Button: Added styling for disabled state and enabled state with transition between the two. Position is absolute with a negative z index, so the dropdowns cover the button. Positioning may need reworking down the line when microphone is introduced + dropdown overlapping is setup. (Not best practices, but my goal is to get through the primary styles for every page first, then come back and tweak changes, as the timeline is really tight if i am the only one doing css, especially with desktop).

Fixed how dropdown chevrons position is calculated, so it will always fit in the container. Before when centering the content it was aligned using "left: Xrem;" which caused variation when centered.

vercel[bot] commented 9 months ago

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name Status Preview Comments Updated (UTC)
wordfor ✅ Ready (Inspect) Visit Preview 💬 Add feedback Feb 12, 2024 10:50pm