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;