From a158e47ab72bb1eccb1666b915479d468429bbe1 Mon Sep 17 00:00:00 2001 From: Savar Date: Wed, 22 Apr 2026 18:17:37 -0400 Subject: [PATCH 01/10] Create course button bug is fixed #217 --- .../src/lib/styles/components/components.css | 39 ++++++++++++++++++- 1 file changed, 38 insertions(+), 1 deletion(-) diff --git a/rocky-interface/src/lib/styles/components/components.css b/rocky-interface/src/lib/styles/components/components.css index 32c2e2f..636cd54 100644 --- a/rocky-interface/src/lib/styles/components/components.css +++ b/rocky-interface/src/lib/styles/components/components.css @@ -461,6 +461,43 @@ text-decoration: underline; } +/* ========== COURSE COMPOSER ========== */ +.course-composer-layer { + position: fixed; + inset: 0; + background: rgba(0, 0, 0, 0.5); + z-index: 300; + display: flex; + align-items: center; + justify-content: center; + padding: var(--space-lg); +} + +.course-composer-popout { + background: var(--color-bg-primary); + border-radius: var(--radius-md); + box-shadow: var(--shadow-xl); + padding: var(--space-xl); + width: 100%; + max-width: 600px; + max-height: 90vh; + overflow-y: auto; + box-sizing: border-box; +} + +.course-composer-title-row { + display: flex; + justify-content: space-between; + align-items: center; + margin-bottom: var(--space-lg); +} + +.course-composer-title-row h3 { + margin: 0; + font-size: var(--font-size-lg); + font-weight: var(--font-weight-bold); +} + /* ========== LIST VIEW ========== */ .list-row { display: flex; @@ -687,4 +724,4 @@ .logo-rock { width: 100px; margin-bottom: var(--space-lg); -} +} \ No newline at end of file From 2d02ec1d61960d92aae8a9b44d4fc46b5647b977 Mon Sep 17 00:00:00 2001 From: Savar Date: Wed, 22 Apr 2026 18:37:07 -0400 Subject: [PATCH 02/10] Fixed view btn bug #224 --- .../styles/layout/modules/view-structure.css | 21 +++++++++++++++++++ 1 file changed, 21 insertions(+) diff --git a/rocky-interface/src/lib/styles/layout/modules/view-structure.css b/rocky-interface/src/lib/styles/layout/modules/view-structure.css index ca4918a..d162db8 100644 --- a/rocky-interface/src/lib/styles/layout/modules/view-structure.css +++ b/rocky-interface/src/lib/styles/layout/modules/view-structure.css @@ -68,3 +68,24 @@ background: var(--color-gray-300); border-radius: 3px; } + +@media (max-width: 768px) { + .view-header { + flex-wrap: wrap; + gap: var(--space-md); + } + + .view-title h1 { + font-size: var(--font-size-xl); + } + + .view-actions { + flex-shrink: 1; + gap: var(--space-sm); + } + + .view-btn { + padding: 6px var(--space-md); + font-size: var(--font-size-xs); + } +} \ No newline at end of file From 2f71b37604d672e4130ced3ca285dbd9bb83b712 Mon Sep 17 00:00:00 2001 From: Savar Date: Wed, 22 Apr 2026 19:46:07 -0400 Subject: [PATCH 03/10] Nav bar is an svg #221 Lmk if they're too big. --- rocky-interface/src/lib/components/Topbar.svelte | 6 ++---- rocky-interface/static/navbar.svg | 1 + 2 files changed, 3 insertions(+), 4 deletions(-) create mode 100644 rocky-interface/static/navbar.svg diff --git a/rocky-interface/src/lib/components/Topbar.svelte b/rocky-interface/src/lib/components/Topbar.svelte index ec9741f..ae356b0 100644 --- a/rocky-interface/src/lib/components/Topbar.svelte +++ b/rocky-interface/src/lib/components/Topbar.svelte @@ -12,11 +12,9 @@
diff --git a/rocky-interface/static/navbar.svg b/rocky-interface/static/navbar.svg new file mode 100644 index 0000000..d2bc1ad --- /dev/null +++ b/rocky-interface/static/navbar.svg @@ -0,0 +1 @@ + \ No newline at end of file From 18d84a27406b940b5dd7173534b5b8d3e0576bc9 Mon Sep 17 00:00:00 2001 From: Savar Date: Wed, 29 Apr 2026 17:52:10 -0400 Subject: [PATCH 04/10] Added the course dropdown for mobile --- .../src/lib/styles/components/components.css | 22 ++++++++++++++++--- 1 file changed, 19 insertions(+), 3 deletions(-) diff --git a/rocky-interface/src/lib/styles/components/components.css b/rocky-interface/src/lib/styles/components/components.css index 636cd54..37559ca 100644 --- a/rocky-interface/src/lib/styles/components/components.css +++ b/rocky-interface/src/lib/styles/components/components.css @@ -256,11 +256,14 @@ /* Mobile View for Courses Sidebar */ @media (max-width: 768px) { .course-popout { - position: static; + position: static !important; + left: auto; + top: auto; + bottom: auto; width: 100%; height: auto; max-height: 400px; - border-radius: 0; + border-radius: 0px; border-left: none; border-right: none; box-shadow: none; @@ -272,7 +275,20 @@ @media (max-width: 768px) { .course-popout-header { - display: none; + display: none ! important; + } +} + +@media (max-width: 768px) { + .course-tab-group { + position: static; + } +} + +@media (max-width: 768px) { + .sidebar .course-popout { + max-width: var(--size-sidebar-width); + overflow-x: hidden; } } From 9f705469fc459c662fcaab8ae3b1eeea2732e636 Mon Sep 17 00:00:00 2001 From: Savar Date: Wed, 29 Apr 2026 18:08:30 -0400 Subject: [PATCH 05/10] Helpview fix attempt Maybe it'll fix itself with the spacer eventually. --- rocky-interface/src/lib/styles/components/components.css | 6 +++++- 1 file changed, 5 insertions(+), 1 deletion(-) diff --git a/rocky-interface/src/lib/styles/components/components.css b/rocky-interface/src/lib/styles/components/components.css index 37559ca..92a6e0f 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; } @media (max-width: 768px) { @@ -117,6 +117,7 @@ flex: 0; } } + /* Overlay for mobile sidebar */ @media (max-width: 768px) { .sidebar { @@ -127,12 +128,15 @@ transform: translateX(-100%); transition: transform 0.25s ease; z-index: 200; + overflow-y: auto; + justify-content: flex-start; } .sidebar.open { transform: translateX(0); } } + .sidebar-backdrop { display: none; } From 4e2b1387d167d522070ba9aa137b0347a69211c5 Mon Sep 17 00:00:00 2001 From: Savar Date: Wed, 29 Apr 2026 18:20:25 -0400 Subject: [PATCH 06/10] The users view is fixed It looks good imo --- .../lib/styles/routes/modules/users-view.css | 28 +++++++++++++++++++ 1 file changed, 28 insertions(+) diff --git a/rocky-interface/src/lib/styles/routes/modules/users-view.css b/rocky-interface/src/lib/styles/routes/modules/users-view.css index dcab61f..c0914e2 100644 --- a/rocky-interface/src/lib/styles/routes/modules/users-view.css +++ b/rocky-interface/src/lib/styles/routes/modules/users-view.css @@ -17,6 +17,8 @@ font-weight: var(--font-weight-semibold); } + + .whitelist-heading { margin: 0 0 12px 0; } @@ -104,3 +106,29 @@ grid-template-columns: 1fr; } } + +@media (max-width: 768px) { + .table-container { + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + + .users-table { + min-width: 700px; + table-layout: fixed; + } + + .users-col-name { width: 130px; } + .users-col-email { width: 200px; } + .users-col-id { width: 140px; } + .users-col-admin { width: 60px; } + .users-col-active { width: 60px; } + .users-col-actions { width: 110px; } + + .users-table td, + .users-table th { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; + } +} \ No newline at end of file From d61554803314a20ccda1080285700b6d72a5b434 Mon Sep 17 00:00:00 2001 From: Savar Date: Wed, 29 Apr 2026 18:24:26 -0400 Subject: [PATCH 07/10] Fixed the id for user page This is the last hopefully --- rocky-interface/src/lib/styles/routes/modules/users-view.css | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/rocky-interface/src/lib/styles/routes/modules/users-view.css b/rocky-interface/src/lib/styles/routes/modules/users-view.css index c0914e2..1270dff 100644 --- a/rocky-interface/src/lib/styles/routes/modules/users-view.css +++ b/rocky-interface/src/lib/styles/routes/modules/users-view.css @@ -114,13 +114,13 @@ } .users-table { - min-width: 700px; + min-width: 740px; table-layout: fixed; } .users-col-name { width: 130px; } .users-col-email { width: 200px; } - .users-col-id { width: 140px; } + .users-col-id { width: 180px; } .users-col-admin { width: 60px; } .users-col-active { width: 60px; } .users-col-actions { width: 110px; } From 0a296ca6eea241ff53f666fb0813d5c1f2af11a9 Mon Sep 17 00:00:00 2001 From: Savar Date: Wed, 29 Apr 2026 19:19:08 -0400 Subject: [PATCH 08/10] Fixed user page and top bar size --- .../src/lib/styles/components/components.css | 19 ++++++++++++------- .../src/lib/styles/foundation/tokens.css | 2 +- .../lib/styles/routes/modules/users-view.css | 4 ++-- 3 files changed, 15 insertions(+), 10 deletions(-) diff --git a/rocky-interface/src/lib/styles/components/components.css b/rocky-interface/src/lib/styles/components/components.css index 60045ec..0592f7f 100644 --- a/rocky-interface/src/lib/styles/components/components.css +++ b/rocky-interface/src/lib/styles/components/components.css @@ -4,7 +4,8 @@ /* ========== TOPBAR ========== */ .topbar { - height: var(--size-topbar-height); + position: relative; + height: 80px; background: var(--color-bg-topbar); display: flex; align-items: center; @@ -13,6 +14,8 @@ box-shadow: var(--shadow-topbar); flex-shrink: 0; border-bottom: 3px solid var(--color-highlight-gold); + padding-top: 3px; + box-sizing: content-box; } .brand-logo { @@ -39,9 +42,11 @@ } .ksu-logo { - height: 40px; - width: auto; - margin-left: auto; + height: 40px; + width: auto; + position: absolute; + left: 83%; + transform: translateX(-0%); } /* Hamburger menu styles, doesn't show on desktop */ @@ -122,9 +127,9 @@ @media (max-width: 768px) { .sidebar { position: fixed; - top: var(--size-topbar-height); + top: 80px; left: 0; - height: calc(100% - var(--size-topbar-height)); + height: calc(100% - 80px); transform: translateX(-100%); transition: transform 0.25s ease; z-index: 200; @@ -145,7 +150,7 @@ .sidebar-backdrop { display: block; position: fixed; - inset: var(--size-topbar-height) 0 0 0; + inset: 80px 0 0 0; background: rgba(0, 0, 0, 0.4); z-index: 199; } diff --git a/rocky-interface/src/lib/styles/foundation/tokens.css b/rocky-interface/src/lib/styles/foundation/tokens.css index c5bdc17..8496f8d 100644 --- a/rocky-interface/src/lib/styles/foundation/tokens.css +++ b/rocky-interface/src/lib/styles/foundation/tokens.css @@ -90,7 +90,7 @@ --transition-slow: 0.2s; /* --------- SIZES --------- */ - --size-topbar-height: 60px; + --size-topbar-height: 80px; --size-sidebar-width: 240px; --size-widget-panel-width: 300px; diff --git a/rocky-interface/src/lib/styles/routes/modules/users-view.css b/rocky-interface/src/lib/styles/routes/modules/users-view.css index 1270dff..af7c37e 100644 --- a/rocky-interface/src/lib/styles/routes/modules/users-view.css +++ b/rocky-interface/src/lib/styles/routes/modules/users-view.css @@ -71,7 +71,7 @@ } .users-col-id { - width: 20%; + width: 30%; } .users-col-admin { @@ -120,7 +120,7 @@ .users-col-name { width: 130px; } .users-col-email { width: 200px; } - .users-col-id { width: 180px; } + .users-col-id { width: 210px; } .users-col-admin { width: 60px; } .users-col-active { width: 60px; } .users-col-actions { width: 110px; } From aa808881b0a01f03dbafb2f0bb1ef333b6430924 Mon Sep 17 00:00:00 2001 From: Savar Date: Wed, 29 Apr 2026 19:35:00 -0400 Subject: [PATCH 09/10] The Sidebar has been made bigger --- rocky-interface/src/lib/styles/components/components.css | 9 +++++++-- .../src/lib/styles/components/modules/sidebar.css | 4 ++-- 2 files changed, 9 insertions(+), 4 deletions(-) diff --git a/rocky-interface/src/lib/styles/components/components.css b/rocky-interface/src/lib/styles/components/components.css index 0592f7f..33b7652 100644 --- a/rocky-interface/src/lib/styles/components/components.css +++ b/rocky-interface/src/lib/styles/components/components.css @@ -95,10 +95,10 @@ background: transparent; text-align: left; color: var(--color-text-inverse); - padding: 14px var(--space-lg); + padding: 16px var(--space-lg); width: 100%; cursor: pointer; - font-size: var(--font-size-base); + font-size: var(--font-size-lg); font-weight: var(--font-weight-semibold); transition: background-color var(--transition-base); border-left: 4px solid transparent; @@ -113,6 +113,11 @@ border-left-color: var(--color-highlight-gold); } +.nav-link-icon { + width: 22px; + height: 22px; +} + .spacer { flex: 0; } diff --git a/rocky-interface/src/lib/styles/components/modules/sidebar.css b/rocky-interface/src/lib/styles/components/modules/sidebar.css index 5e043c2..8aadc60 100644 --- a/rocky-interface/src/lib/styles/components/modules/sidebar.css +++ b/rocky-interface/src/lib/styles/components/modules/sidebar.css @@ -19,10 +19,10 @@ gap: var(--space-sm); text-align: left; color: var(--color-text-inverse); - padding: 14px var(--space-lg); + padding: 20px var(--space-lg); width: 100%; cursor: pointer; - font-size: var(--font-size-base); + font-size: var(--font-size-lg); font-weight: var(--font-weight-semibold); transition: background-color var(--transition-base); border-left: 4px solid transparent; From ab65123dcee6b780b6be2ce9a7d83a99cc4ec952 Mon Sep 17 00:00:00 2001 From: Savar Date: Thu, 30 Apr 2026 00:10:38 -0400 Subject: [PATCH 10/10] #234 --- .../src/lib/styles/components/components.css | 10 ++++++++++ .../src/lib/styles/components/modules/sidebar.css | 7 +++++++ 2 files changed, 17 insertions(+) diff --git a/rocky-interface/src/lib/styles/components/components.css b/rocky-interface/src/lib/styles/components/components.css index 33b7652..2fdb380 100644 --- a/rocky-interface/src/lib/styles/components/components.css +++ b/rocky-interface/src/lib/styles/components/components.css @@ -49,6 +49,16 @@ transform: translateX(-0%); } +@media (max-width: 768px) { + .ksu-logo { + height: 28px; + position: static; + transform: none; + margin-left: auto; + margin-right: var(--space-sm); + } +} + /* Hamburger menu styles, doesn't show on desktop */ .hamburger { display:none; diff --git a/rocky-interface/src/lib/styles/components/modules/sidebar.css b/rocky-interface/src/lib/styles/components/modules/sidebar.css index 8aadc60..858a7f7 100644 --- a/rocky-interface/src/lib/styles/components/modules/sidebar.css +++ b/rocky-interface/src/lib/styles/components/modules/sidebar.css @@ -28,6 +28,13 @@ border-left: 4px solid transparent; } +@media (max-width: 768px) { + .nav-link { + padding: 16px var(--space-lg); + font-size: var(--font-size-base); + } +} + .nav-link-icon { width: 18px; height: 18px;