graphite/Sharkey
1
0
Fork 0
mirror of https://git.joinsharkey.org/Sharkey/Sharkey.git synced 2024-11-10 10:53:09 +02:00
Code Issues Projects Releases Packages Wiki Activity

Tweak UI

Browse source
This commit is contained in:
syuilo 2021-04-14 02:12:46 +09:00
parent b9c4a582ac
commit 3db37e1d52
3 changed files with 7 additions and 16 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

11
src/client/components/note.vue
View file

@ -863,7 +863,6 @@ export default defineComponent({
.tkcbzcuz { .tkcbzcuz {
position: relative; position: relative;
transition: box-shadow 0.1s ease; transition: box-shadow 0.1s ease;
overflow: hidden;
overflow: clip; overflow: clip;
contain: content; contain: content;
@ -1001,11 +1000,6 @@ export default defineComponent({
position: sticky; position: sticky;
top: calc(22px + var(--stickyTop, 0px)); top: calc(22px + var(--stickyTop, 0px));
left: 0; left: 0;
/* iOSはoverflow: clipをサポートしていない影響でposition: stickyが動作しない */
@supports (-webkit-touch-callout: none) {
top: 0;
}
} }
> .main { > .main {
@ -1150,11 +1144,6 @@ export default defineComponent({
width: 50px; width: 50px;
height: 50px; height: 50px;
top: calc(14px + var(--stickyTop, 0px)); top: calc(14px + var(--stickyTop, 0px));
/* iOSはoverflow: clipをサポートしていない影響でposition: stickyが動作しない */
@supports (-webkit-touch-callout: none) {
top: 0;
}
} }
} }
} }

4
src/client/pages/page.vue
View file

@ -1,5 +1,7 @@
<template> <template>
<div class="xcukqgmh _root" v-if="page" :key="page.id" v-size="{ max: [450] }"> <div class="xcukqgmh _root" v-if="page" :key="page.id" v-size="{ max: [450] }">
<div class="_magnet"></div>
<div class="_block main"> <div class="_block main">
<!-- <!--
<div class="header"> <div class="header">
@ -191,7 +193,7 @@ export default defineComponent({
} }
> .footer { > .footer {
padding: var(--padding); margin: var(--padding);
font-size: 85%; font-size: 85%;
opacity: 0.75; opacity: 0.75;
} }

8
src/client/style.scss
View file

@ -249,10 +249,6 @@ hr {
margin: var(--margin) 0; margin: var(--margin) 0;
} }
._magnet {
margin-bottom: calc(var(--margin) * -1);
}
._gap { ._gap {
margin: var(--margin) 0; margin: var(--margin) 0;
} }
@ -370,6 +366,10 @@ hr {
border-radius: var(--radius); border-radius: var(--radius);
} }
._magnet {
margin-bottom: calc(var(--margin) * -1);
}
@media (max-width: 500px) { @media (max-width: 500px) {
._root { ._root {
--root-margin: 0; --root-margin: 0;