From 0336450b560ddefe511373d50ad6f5502a82fa89 Mon Sep 17 00:00:00 2001
From: syuilo <Syuilotan@yahoo.co.jp>
Date: Wed, 14 Apr 2021 02:12:46 +0900
Subject: [PATCH] Tweak UI

---
 src/client/components/note.vue | 11 -----------
 src/client/pages/page.vue      |  4 +++-
 src/client/style.scss          |  8 ++++----
 3 files changed, 7 insertions(+), 16 deletions(-)

diff --git a/src/client/components/note.vue b/src/client/components/note.vue
index e51085307..0e153033c 100644
--- a/src/client/components/note.vue
+++ b/src/client/components/note.vue
@@ -863,7 +863,6 @@ export default defineComponent({
 .tkcbzcuz {
 	position: relative;
 	transition: box-shadow 0.1s ease;
-	overflow: hidden;
 	overflow: clip;
 	contain: content;
 
@@ -1001,11 +1000,6 @@ export default defineComponent({
 			position: sticky;
 			top: calc(22px + var(--stickyTop, 0px));
 			left: 0;
-
-			/* iOSはoverflow: clipをサポートしていない影響でposition: stickyが動作しない */ 
-			@supports (-webkit-touch-callout: none) {
-				top: 0;
-			}
 		}
 
 		> .main {
@@ -1150,11 +1144,6 @@ export default defineComponent({
 				width: 50px;
 				height: 50px;
 				top: calc(14px + var(--stickyTop, 0px));
-
-				/* iOSはoverflow: clipをサポートしていない影響でposition: stickyが動作しない */ 
-				@supports (-webkit-touch-callout: none) {
-					top: 0;
-				}
 			}
 		}
 	}
diff --git a/src/client/pages/page.vue b/src/client/pages/page.vue
index bae72c053..57bbeba6b 100644
--- a/src/client/pages/page.vue
+++ b/src/client/pages/page.vue
@@ -1,5 +1,7 @@
 <template>
 <div class="xcukqgmh _root" v-if="page" :key="page.id" v-size="{ max: [450] }">
+	<div class="_magnet"></div>
+
 	<div class="_block main">
 		<!--
 		<div class="header">
@@ -191,7 +193,7 @@ export default defineComponent({
 	}
 
 	> .footer {
-		padding: var(--padding);
+		margin: var(--padding);
 		font-size: 85%;
 		opacity: 0.75;
 	}
diff --git a/src/client/style.scss b/src/client/style.scss
index b11c3103c..e9c28f182 100644
--- a/src/client/style.scss
+++ b/src/client/style.scss
@@ -249,10 +249,6 @@ hr {
 	margin: var(--margin) 0;
 }
 
-._magnet {
-	margin-bottom: calc(var(--margin) * -1);
-}
-
 ._gap {
 	margin: var(--margin) 0;
 }
@@ -370,6 +366,10 @@ hr {
 		border-radius: var(--radius);
 	}
 
+	._magnet {
+		margin-bottom: calc(var(--margin) * -1);
+	}	
+
 	@media (max-width: 500px) {
 		._root {
 			--root-margin: 0;