diff --git a/src/client/components/note.vue b/src/client/components/note.vue index 071acf7c90..22d2906d95 100644 --- a/src/client/components/note.vue +++ b/src/client/components/note.vue @@ -1,6 +1,6 @@ <template> <div - class="note _panel" + class="note _panelElevated" v-if="!muted" v-show="!isDeleted" :tabindex="!isDeleted ? '-1' : null" diff --git a/src/client/style.scss b/src/client/style.scss index 2e7db10bed..08344eddf7 100644 --- a/src/client/style.scss +++ b/src/client/style.scss @@ -236,15 +236,21 @@ hr { } ._panel { - //position: relative; - //z-index: 1; background: var(--panel); border-radius: var(--radius); //border: var(--panelBorder); - //box-shadow: var(--panelShadow); overflow: hidden; } +// TODO: 普通のpanelとの使い分けが特に決まっていないので廃止してもいいかも? +._panelElevated { + @extend ._panel; + + //position: relative; + //z-index: 1; + box-shadow: var(--panelShadow); +} + ._card { @extend ._panel; diff --git a/src/client/ui/visitor/kanban.vue b/src/client/ui/visitor/kanban.vue index 263b7ca038..11b869e2b9 100644 --- a/src/client/ui/visitor/kanban.vue +++ b/src/client/ui/visitor/kanban.vue @@ -1,7 +1,7 @@ <template> <div class="rwqkcmrc" :style="{ backgroundImage: `url(${ $store.state.instance.meta.backgroundImageUrl })` }"> <div class="back"></div> - <div class="fade"></div> + <div class="fade" v-if="full"></div> <div class="contents"> <div class="wrapper"> <h1 v-if="meta" :class="{ full }">