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 46403ae3d1..6e275c5349 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 c4239fc9db..747461ff3e 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;