summaryrefslogtreecommitdiff
path: root/packages/frontend/src/ui/deck
diff options
context:
space:
mode:
authorsyuilo <Syuilotan@yahoo.co.jp>2023-05-26 10:48:49 +0900
committersyuilo <Syuilotan@yahoo.co.jp>2023-05-26 10:48:49 +0900
commit31a7350a1062739cbda440937dd9ad17d2356f46 (patch)
tree53a5ae0f46a2289b6fc1b43e4e4fda96e40109bb /packages/frontend/src/ui/deck
parentpackage.jsonの並び替えを修正 (diff)
downloadmisskey-31a7350a1062739cbda440937dd9ad17d2356f46.tar.gz
misskey-31a7350a1062739cbda440937dd9ad17d2356f46.tar.bz2
misskey-31a7350a1062739cbda440937dd9ad17d2356f46.zip
:art:
Diffstat (limited to 'packages/frontend/src/ui/deck')
-rw-r--r--packages/frontend/src/ui/deck/column.vue13
1 files changed, 13 insertions, 0 deletions
diff --git a/packages/frontend/src/ui/deck/column.vue b/packages/frontend/src/ui/deck/column.vue
index e2c651beca..869e2c0afd 100644
--- a/packages/frontend/src/ui/deck/column.vue
+++ b/packages/frontend/src/ui/deck/column.vue
@@ -13,6 +13,11 @@
@dragend="onDragend"
@contextmenu.prevent.stop="onContextmenu"
>
+ <svg viewBox="0 0 256 128" :class="$style.tabShape">
+ <g transform="matrix(6.2431,0,0,6.2431,-677.417,-29.3839)">
+ <path d="M149.512,4.707L108.507,4.707C116.252,4.719 118.758,14.958 118.758,14.958C118.758,14.958 121.381,25.283 129.009,25.209L149.512,25.209L149.512,4.707Z" style="fill:var(--deckDivider);"/>
+ </g>
+ </svg>
<button v-if="isStacked && !isMainColumn" :class="$style.toggleActive" class="_button" @click="toggleActive">
<template v-if="active"><i class="ti ti-chevron-up"></i></template>
<template v-else><i class="ti ti-chevron-down"></i></template>
@@ -308,6 +313,14 @@ function onDrop(ev) {
user-select: none;
}
+.tabShape {
+ position: absolute;
+ top: 0;
+ right: -8px;
+ width: auto;
+ height: calc(100% - 6px);
+}
+
.title {
display: inline-block;
align-items: center;