fix: add visual disabled state to export button#360
Conversation
|
@aryanm9026 is attempting to deploy a commit to the magic-peach1's projects Team on Vercel. A member of the Team first needs to authorize it. |
|
Hey @aryanm9026! The CI build check hasn't run on this PR yet — this usually happens when the PR was opened before the CI was fully set up, or if the branch hasn't been updated recently. To trigger the build check, please rebase onto the latest git fetch origin
git rebase origin/main
git push --force-with-leaseThis will re-trigger CI. If you hit any merge conflicts in Once CI passes and the Vercel deployment is authorized, we'll review and merge. 🚀 |
✅ PR Format Check Passed — @aryanm9026Basic format checks passed. A maintainer will review your code changes. This does not mean the PR is approved — it just means the format is correct. |
|
Hey @magic-peach , i fixed it, i hope it works now. |
Description
This PR updates the Export button in
VideoEditor.tsxto include clear visual styling and accessibility attributes when disabled, as requested in the issue's Acceptance Criteria.Resolves #235
Changes Made
opacity-40to the disabled state Tailwind classes so the button visually greys out when no file is loaded.aria-disabled={!file}attribute to improve accessibility.cursor-not-allowedclass works correctly on hover during the disabled state without conflicting with the active state styles.Screenshots