From a4575ad7e20f430766c66eed5d6931251a90ca28 Mon Sep 17 00:00:00 2001 From: Savar Date: Sun, 19 Apr 2026 18:34:42 -0400 Subject: [PATCH 1/6] Hide widget panel on mobile view --- rocky-interface/src/lib/styles/components/components.css | 5 +---- 1 file changed, 1 insertion(+), 4 deletions(-) diff --git a/rocky-interface/src/lib/styles/components/components.css b/rocky-interface/src/lib/styles/components/components.css index 9c0ffc2..6650332 100644 --- a/rocky-interface/src/lib/styles/components/components.css +++ b/rocky-interface/src/lib/styles/components/components.css @@ -265,10 +265,7 @@ @media (max-width: 768px) { .widget-panel { - width: 100%; - min-width: 0; - height: auto; - border-top: 1px solid var(--color-gray-300); + display:none; } } From d1fa06fec76975cd72af10427d6c17ad6ce49981 Mon Sep 17 00:00:00 2001 From: Savar Date: Sun, 19 Apr 2026 18:56:29 -0400 Subject: [PATCH 2/6] Visible Help View on Mobile #213 I've kept the help view attached with the other bars and not on the bottom cause I thought it looked better. lmk if you want me to change it to match the desktop view. --- rocky-interface/src/lib/styles/components/components.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/rocky-interface/src/lib/styles/components/components.css b/rocky-interface/src/lib/styles/components/components.css index 6650332..d467e2a 100644 --- a/rocky-interface/src/lib/styles/components/components.css +++ b/rocky-interface/src/lib/styles/components/components.css @@ -109,7 +109,7 @@ } .spacer { - flex: 1; + flex: 0; } /* Overlay for mobile sidebar */ From 5d7157c4fea5f36fee1f9be485a906f71514ee5d Mon Sep 17 00:00:00 2001 From: Savar Date: Sun, 19 Apr 2026 19:18:56 -0400 Subject: [PATCH 3/6] Added a Dropdown for Courses for Mobile #212 --- .../src/lib/styles/components/components.css | 30 ++++++++++++++++++- 1 file changed, 29 insertions(+), 1 deletion(-) diff --git a/rocky-interface/src/lib/styles/components/components.css b/rocky-interface/src/lib/styles/components/components.css index d467e2a..47a8f11 100644 --- a/rocky-interface/src/lib/styles/components/components.css +++ b/rocky-interface/src/lib/styles/components/components.css @@ -109,9 +109,14 @@ } .spacer { - flex: 0; + flex: 1; } +@media (max-width: 768px) { + .spacer { + flex: 0; + } +} /* Overlay for mobile sidebar */ @media (max-width: 768px) { .sidebar { @@ -248,6 +253,29 @@ color: var(--color-text-secondary); } +/* Mobile View for Courses Sidebar */ +@media (max-width: 768px) { + .course-popout { + position: static; + width: 100%; + height: auto; + max-height: 400px; + border-radius: 0; + border-left: none; + border-right: none; + box-shadow: none; + border-top: 1px solid var(--color-gray-200); + border-bottom: 1px solid var(--color-gray-200); + overflow-y: auto; + } +} + +@media (max-width: 768px) { + .course-popout-header { + display: none; + } +} + /* ========== WIDGET PANEL ========== */ .widget-panel { width: var(--size-widget-panel-width); From 115cdab378d8d29e879e51432785778067f008ba Mon Sep 17 00:00:00 2001 From: Savar Date: Sun, 19 Apr 2026 19:59:57 -0400 Subject: [PATCH 4/6] =?UTF-8?q?=F0=9F=8D=94=20#204?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit :) --- .../src/lib/components/Topbar.svelte | 22 +++++-- rocky-interface/static/hamburger.svg | 60 +++++++++++++++++++ 2 files changed, 78 insertions(+), 4 deletions(-) create mode 100644 rocky-interface/static/hamburger.svg diff --git a/rocky-interface/src/lib/components/Topbar.svelte b/rocky-interface/src/lib/components/Topbar.svelte index 1d39474..54ee80f 100644 --- a/rocky-interface/src/lib/components/Topbar.svelte +++ b/rocky-interface/src/lib/components/Topbar.svelte @@ -6,13 +6,27 @@ let { user = null }: { user: User | null } = $props(); let showAdministration = $derived(Boolean(user?.isAdmin)); + const isHamburgerDay = Math.random() < 0.1; // x% chance to show the hamburger icon + let showBurgerClick = $state(false); + + function handleBurgerClick() { + sidebarOpen.update(open => !open); + if(Math.random() < 0.125) { + showBurgerClick = true; + setTimeout(() => { showBurgerClick = false; }, 3000); //shows hamburger for x seconds + } + }
- diff --git a/rocky-interface/static/hamburger.svg b/rocky-interface/static/hamburger.svg new file mode 100644 index 0000000..9ec4c50 --- /dev/null +++ b/rocky-interface/static/hamburger.svg @@ -0,0 +1,60 @@ + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file From 0f20072baf5882c17f527afb9849ebbb3f5998ca Mon Sep 17 00:00:00 2001 From: Savar Date: Mon, 20 Apr 2026 18:24:14 -0400 Subject: [PATCH 5/6] Update .gitignore --- .gitignore | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) diff --git a/.gitignore b/.gitignore index 96b2a3c..0331789 100644 --- a/.gitignore +++ b/.gitignore @@ -6,4 +6,5 @@ __pycache__/ .env.* !.env.example !.env.test -.venv/ \ No newline at end of file +.venv/ +.DS_Store From e27ae19fb6171148e541c308eb23c97e68c5e067 Mon Sep 17 00:00:00 2001 From: Savar Date: Mon, 20 Apr 2026 18:25:01 -0400 Subject: [PATCH 6/6] Simplify hamburger behavior MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit 🍔 --- rocky-interface/src/lib/components/Topbar.svelte | 15 +++------------ 1 file changed, 3 insertions(+), 12 deletions(-) diff --git a/rocky-interface/src/lib/components/Topbar.svelte b/rocky-interface/src/lib/components/Topbar.svelte index 54ee80f..62cbc13 100644 --- a/rocky-interface/src/lib/components/Topbar.svelte +++ b/rocky-interface/src/lib/components/Topbar.svelte @@ -6,21 +6,12 @@ let { user = null }: { user: User | null } = $props(); let showAdministration = $derived(Boolean(user?.isAdmin)); - const isHamburgerDay = Math.random() < 0.1; // x% chance to show the hamburger icon - let showBurgerClick = $state(false); - - function handleBurgerClick() { - sidebarOpen.update(open => !open); - if(Math.random() < 0.125) { - showBurgerClick = true; - setTimeout(() => { showBurgerClick = false; }, 3000); //shows hamburger for x seconds - } - } + const isHamburgerDay = Math.random() < 0.05; // x% chance to show the hamburger icon
-