From e14fd33140f4ff076e141540559d4540fb9368b8 Mon Sep 17 00:00:00 2001
From: Insert5StarName <sakura@shourai.de>
Date: Tue, 28 Nov 2023 12:38:34 +0100
Subject: [PATCH] fix: classic ui

---
 packages/frontend/src/ui/classic.sidebar.vue | 3 ++-
 packages/frontend/src/ui/classic.vue         | 9 +++++++--
 2 files changed, 9 insertions(+), 3 deletions(-)

diff --git a/packages/frontend/src/ui/classic.sidebar.vue b/packages/frontend/src/ui/classic.sidebar.vue
index 46403ae3d..6e275c534 100644
--- a/packages/frontend/src/ui/classic.sidebar.vue
+++ b/packages/frontend/src/ui/classic.sidebar.vue
@@ -109,7 +109,8 @@ watch(defaultStore.reactiveState.menuDisplay, () => {
 	$nav-icon-only-width: 78px; // TODO: どこかに集約したい
 	$avatar-size: 32px;
 	$avatar-margin: 8px;
-
+	position: sticky;
+	top: 16px;
 	padding: 0 16px;
 	box-sizing: border-box;
 	width: 260px;
diff --git a/packages/frontend/src/ui/classic.vue b/packages/frontend/src/ui/classic.vue
index c4239fc9d..747461ff3 100644
--- a/packages/frontend/src/ui/classic.vue
+++ b/packages/frontend/src/ui/classic.vue
@@ -253,9 +253,14 @@ onMounted(() => {
 		}
 
 		> .widgets {
-			//--panelBorder: none;
+			position: sticky;
+			top: 0;
 			width: 300px;
-			padding-bottom: calc(var(--margin) + env(safe-area-inset-bottom, 0px));
+			height: 100%;
+			padding-top: 16px;
+			box-sizing: border-box;
+			overflow: auto;
+			background: var(--bg);
 
 			@media (max-width: $widgets-hide-threshold) {
 				display: none;