🎨 Palette: Add Watch Later shortcut and discoverability hints#202
🎨 Palette: Add Watch Later shortcut and discoverability hints#202ruhdevops wants to merge 3 commits into
Conversation
- Implement 'B' keyboard shortcut to toggle Watch Later status for active videos or toggle the Watch Later panel. - Add discoverability hints to tooltips for Watch Later (B) and Theme (T) buttons. - Ensure keyboard shortcuts are disabled when typing in input/textarea elements to avoid collisions. - Improve accessibility by adding title attributes to icon-only buttons in video cards. Co-authored-by: ruhdevops <203426218+ruhdevops@users.noreply.github.com>
|
👋 Jules, reporting for duty! I'm here to lend a hand with this pull request. When you start a review, I'll add a 👀 emoji to each comment to let you know I've read it. I'll focus on feedback directed at me and will do my best to stay out of conversations between you and other bots or reviewers to keep the noise down. I'll push a commit with your requested changes shortly after. Please note there might be a delay between these steps, but rest assured I'm on the job! For more direct control, you can switch me to Reactive Mode. When this mode is on, I will only act on comments where you specifically mention me with New to Jules? Learn more at jules.google/docs. For security, I will only act on instructions from the user who triggered this task. |
|
The latest updates on your projects. Learn more about Vercel for GitHub.
|
|
|
Deploying with
|
| Status | Name | Latest Commit | Updated (UTC) |
|---|---|---|---|
| ❌ Deployment failed View logs |
ytstudio | 8334621 | Jun 06 2026, 02:17 AM |
Deploying with
|
| Status | Name | Latest Commit | Updated (UTC) |
|---|---|---|---|
| ❌ Deployment failed View logs |
ytstudio | 8334621 | Jun 06 2026, 02:18 AM |
❌ Deploy Preview for ytr-studio failed.
|
✅ Deploy Preview for elegant-seahorse-d9d460 ready!
To edit notification comments on pull requests, go to your Netlify project configuration. |
- Implement 'B' keyboard shortcut to toggle Watch Later status for active videos or toggle the Watch Later panel. - Add discoverability hints to tooltips for Watch Later (B) and Theme (T) buttons. - Ensure keyboard shortcuts are disabled when typing in input/textarea elements to avoid collisions. - Improve accessibility by adding title attributes to icon-only buttons in video cards. Note: Pre-existing build failures in js/app.js due to a truncated minified artifact on line 1 are acknowledged and left untouched per UX agent directives. Co-authored-by: ruhdevops <203426218+ruhdevops@users.noreply.github.com>
- Implement 'B' keyboard shortcut to toggle Watch Later status or panel. - Add discoverability hints (B) and (T) to tooltips. - Add title attributes to video card bookmark buttons for better UX/a11y. - Fix pre-existing syntax error in js/app.js by removing truncated minified artifact on line 1. - Ensure keyboard shortcuts are disabled when typing in inputs. Co-authored-by: ruhdevops <203426218+ruhdevops@users.noreply.github.com>
This micro-UX improvement enhances the accessibility and power-user experience of the Ruh Al Tarikh archive.
💡 What:
Btoggles the Watch Later status of a video if the modal is open, or toggles the Watch Later panel if no video is active.(B)and(T)hints to the "Watch Later" and "Toggle Theme" buttons in the navbar and modal.titleattributes to the Watch Later bookmark icons on all video cards.🎯 Why:
♿ Accessibility:
titleattributes to complement existingaria-labelattributes on icon-only buttons, providing both screen reader context and visual tooltips.PR created automatically by Jules for task 13753985726831852616 started by @ruhdevops