justinzeus/scholarr
1
0
Fork 0
Code Issues 1 Pull requests 18 Projects Releases Packages Wiki Activity Actions

quick fix for mobile scrolling #13

Merged
JustinZeus merged 1 commit from bugfix/mobile-scrolling into main 2026-02-20 12:42:52 +01:00
Conversation 0 Commits 1 Files changed 2 +6 -8
2 changed files with 6 additions and 8 deletions
Download patch file Download diff file Expand all files Collapse all files
Showing only changes of commit a527e7a535 - Show all commits

12
frontend/src/app/AppShell.vue
View file

@ -36,7 +36,7 @@ watch(showChrome, (value) => {
</script>
<template>
<div class="h-[100dvh] max-h-[100dvh] w-full max-w-full overflow-hidden">
<div class="min-h-[100dvh] w-full max-w-full overflow-visible lg:h-[100dvh] lg:max-h-[100dvh] lg:overflow-hidden">
<a href="#app-main" class="skip-link">Skip to main content</a>
<RequestErrorPanel />
@ -46,9 +46,7 @@ watch(showChrome, (value) => {
:menu-open="isMobileNavOpen"
@toggle-menu="toggleMobileNav"
/>
<div
class="relative h-[calc(100dvh-4.5rem)] min-h-0 lg:grid lg:grid-cols-[17rem_minmax(0,1fr)] lg:grid-rows-1"
>
<div class="relative min-h-0 lg:grid lg:h-[calc(100dvh-4.5rem)] lg:grid-cols-[17rem_minmax(0,1fr)] lg:grid-rows-1">
<button
v-if="isMobileNavOpen"
type="button"
@ -68,8 +66,8 @@ watch(showChrome, (value) => {
</div>
<main
id="app-main"
class="min-h-0 min-w-0 overflow-x-hidden px-4 py-6 sm:px-6 lg:col-start-2 lg:px-8"
:class="shouldLockMainScroll ? 'overflow-y-auto lg:overflow-y-hidden' : 'overflow-y-auto'"
class="min-h-0 min-w-0 overflow-x-hidden overflow-y-visible px-4 py-6 sm:px-6 lg:col-start-2 lg:overflow-y-auto lg:px-8"
:class="shouldLockMainScroll ? 'lg:overflow-y-hidden' : ''"
>
<RouterView />
</main>
@ -79,7 +77,7 @@ watch(showChrome, (value) => {
<main
id="app-main"
v-else
class="h-[100dvh] max-h-[100dvh] min-h-0 min-w-0 overflow-y-auto overflow-x-hidden"
class="min-h-[100dvh] min-w-0 overflow-x-hidden overflow-y-visible lg:h-[100dvh] lg:max-h-[100dvh] lg:overflow-y-auto"
>
<RouterView />
</main>

2
frontend/src/styles.css
View file

@ -137,7 +137,7 @@
}
body {
@apply overflow-hidden bg-surface-app text-ink-primary antialiased transition-colors duration-300;
@apply overflow-x-hidden overflow-y-auto bg-surface-app text-ink-primary antialiased transition-colors duration-300 lg:overflow-hidden;
}
h1,