Skip to content

Commit 7f76239

Browse files
jeremymanningclaude
andcommitted
Fix mobile: drawer pull reopen + video recommendations modal
- Toggle button expands collapsed drawer instead of closing panel - Suggest button opens video modal on mobile (same as desktop) Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
1 parent e402c29 commit 7f76239

1 file changed

Lines changed: 7 additions & 5 deletions

File tree

src/app.js

Lines changed: 7 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -236,11 +236,6 @@ async function boot() {
236236
suggestBtn.addEventListener('click', () => {
237237
if (!globalEstimator) return;
238238
advanceTutorial('suggest-click');
239-
// On mobile (<=480px), toggle the video discovery panel instead of the modal
240-
if (window.innerWidth <= 480) {
241-
toggleVideoPanel();
242-
return;
243-
}
244239
const { data, promise } = videoLoader.getVideos();
245240
if (data) {
246241
openVideoModal(data);
@@ -1001,6 +996,13 @@ function toggleQuizPanel(show) {
1001996

1002997
if (show === undefined) show = !quizPanel.classList.contains('open');
1003998

999+
// On mobile, if drawer is collapsed and user is closing the panel,
1000+
// expand the drawer instead (so the pull handle stays accessible)
1001+
if (!show && window.innerWidth <= 480 && $quizDrawerCollapsed.get()) {
1002+
$quizDrawerCollapsed.set(false);
1003+
return;
1004+
}
1005+
10041006
if (show) {
10051007
// On mobile, close the video panel to avoid overlapping bottom sheets
10061008
if (window.innerWidth <= 480) {

0 commit comments

Comments
 (0)