From 88d9f59957a731cdb2214da9bc1e00ade9bd0b4d Mon Sep 17 00:00:00 2001
From: Insert5StarName <anime@shourai.de>
Date: Sat, 18 Nov 2023 05:17:00 +0100
Subject: [PATCH 1/3] upd: highlight active tab text

---
 packages/frontend/src/components/global/MkPageHeader.tabs.vue | 1 +
 1 file changed, 1 insertion(+)

diff --git a/packages/frontend/src/components/global/MkPageHeader.tabs.vue b/packages/frontend/src/components/global/MkPageHeader.tabs.vue
index 320ece4ef..75c8e7358 100644
--- a/packages/frontend/src/components/global/MkPageHeader.tabs.vue
+++ b/packages/frontend/src/components/global/MkPageHeader.tabs.vue
@@ -216,6 +216,7 @@ onUnmounted(() => {
 
 	&.active {
 		opacity: 1;
+		color: var(--accent);
 	}
 
 	&.animate {

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 2/3] 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;

From fe7528a8eefb1ea565b6b4e5b6bda3c57890b38c Mon Sep 17 00:00:00 2001
From: Insert5StarName <sakura@shourai.de>
Date: Tue, 28 Nov 2023 12:42:15 +0100
Subject: [PATCH 3/3] remove background from widgets

---
 packages/frontend/src/ui/classic.vue | 1 -
 1 file changed, 1 deletion(-)

diff --git a/packages/frontend/src/ui/classic.vue b/packages/frontend/src/ui/classic.vue
index 747461ff3..8f06f6601 100644
--- a/packages/frontend/src/ui/classic.vue
+++ b/packages/frontend/src/ui/classic.vue
@@ -260,7 +260,6 @@ onMounted(() => {
 			padding-top: 16px;
 			box-sizing: border-box;
 			overflow: auto;
-			background: var(--bg);
 
 			@media (max-width: $widgets-hide-threshold) {
 				display: none;