From 861bfa06a84ba95ff47e12f69325999ac6909452 Mon Sep 17 00:00:00 2001
From: syuilo <Syuilotan@yahoo.co.jp>
Date: Thu, 1 Jun 2023 18:07:30 +0900
Subject: [PATCH] :art:
---
packages/frontend/src/ui/deck/column.vue | 24 ++++++++++++++----------
1 file changed, 14 insertions(+), 10 deletions(-)
diff --git a/packages/frontend/src/ui/deck/column.vue b/packages/frontend/src/ui/deck/column.vue
index 8296c46691..9fb8498731 100644
--- a/packages/frontend/src/ui/deck/column.vue
+++ b/packages/frontend/src/ui/deck/column.vue
@@ -24,6 +24,9 @@
<template v-else><i class="ti ti-chevron-down"></i></template>
</button>
<span :class="$style.title"><slot name="header"></slot></span>
+ <svg viewBox="0 0 16 16" version="1.1" :class="$style.grabber">
+ <path fill="currentColor" d="M10 13a1 1 0 1 1 0-2 1 1 0 0 1 0 2Zm0-4a1 1 0 1 1 0-2 1 1 0 0 1 0 2Zm-4 4a1 1 0 1 1 0-2 1 1 0 0 1 0 2Zm5-9a1 1 0 1 1-2 0 1 1 0 0 1 2 0ZM7 8a1 1 0 1 1-2 0 1 1 0 0 1 2 0ZM6 5a1 1 0 1 1 0-2 1 1 0 0 1 0 2Z"></path>
+ </svg>
<button v-tooltip="i18n.ts.settings" :class="$style.menu" class="_button" @click.stop="showSettingsMenu"><i class="ti ti-dots"></i></button>
</header>
<div v-if="active" ref="body" :class="$style.body">
@@ -364,23 +367,24 @@ function onDrop(ev) {
z-index: 1;
width: var(--deckColumnHeaderHeight);
line-height: var(--deckColumnHeaderHeight);
- color: var(--faceTextButton);
-
- &:hover {
- color: var(--faceTextButtonHover);
- }
-
- &:active {
- color: var(--faceTextButtonActive);
- }
}
.toggleActive {
margin-left: -16px;
}
-.menu {
+.grabber {
margin-left: auto;
+ margin-right: 10px;
+ padding: 8px 8px;
+ box-sizing: border-box;
+ height: var(--deckColumnHeaderHeight);
+ cursor: move;
+ user-select: none;
+ opacity: 0.7;
+}
+
+.menu {
margin-right: -16px;
}
--
GitLab