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;