zenn/tier-maker
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

릴리스: v1.3.16 티어 에디터 행열 삭제 액션과 열 제목 정렬 보정

Browse Source
This commit is contained in:
zenn
2026-04-01 12:22:21 +09:00
parent e9a049241d
commit 730a87b923
2 changed files with 43 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

49
frontend/src/views/TierEditorView.vue
View File

@@ -1077,7 +1077,7 @@ onUnmounted(() => {
<template v-else>
<div class="columnHeader">
<input v-model="column.name" class="columnName" maxlength="16" placeholder="열 이름" />
<button class="columnRemoveText" type="button" :disabled="columns.length <= 1" @click="removeColumn(columnIndex)">열 삭제</button>
<button class="columnRemoveText" type="button" title="열 삭제" aria-label="열 삭제" :disabled="columns.length <= 1" @click="removeColumn(columnIndex)">×</button>
</div>
</template>
</div>
@@ -1097,10 +1097,11 @@ onUnmounted(() => {
class="rowRemoveText"
type="button"
title="행 삭제"
aria-label="행 삭제"
:disabled="groups.length <= 1"
@click="openGroupDeleteModal(g.id)"
>
행 삭제
×
</button>
</template>
</div>
@@ -1731,11 +1732,17 @@ onUnmounted(() => {
}
.boardColumnsHeader__cell {
min-width: 0;
position: relative;
}
.boardColumnsHeader__name {
padding: 4px 0 8px;
min-height: 38px;
display: flex;
align-items: center;
justify-content: center;
padding: 0 12px;
text-align: center;
font-size: 12px;
line-height: 1.2;
font-weight: 800;
opacity: 0.74;
}
@@ -1817,7 +1824,7 @@ onUnmounted(() => {
display: flex;
align-items: center;
justify-content: center;
padding: 14px 12px 30px;
padding: 14px 28px 14px 12px;
font-weight: 900;
overflow: hidden;
}
@@ -1832,11 +1839,11 @@ onUnmounted(() => {
min-width: 0;
}
.columnHeader {
position: relative;
display: flex;
align-items: center;
gap: 8px;
min-height: 38px;
padding: 0 2px;
padding: 0 28px 0 2px;
}
.columnName {
width: 100%;
@@ -1854,14 +1861,28 @@ onUnmounted(() => {
color: rgba(255, 255, 255, 0.34);
}
.columnRemoveText {
position: absolute;
top: 50%;
right: 0;
transform: translateY(-50%);
width: 20px;
height: 20px;
display: grid;
place-items: center;
padding: 0;
border: 0;
border-radius: 999px;
background: transparent;
color: rgba(255, 255, 255, 0.56);
font-size: 11px;
font-size: 16px;
line-height: 1;
font-weight: 800;
cursor: pointer;
}
.columnRemoveText:hover {
color: rgba(255, 255, 255, 0.92);
background: rgba(255, 255, 255, 0.06);
}
.columnRemoveText:disabled {
opacity: 0.32;
cursor: not-allowed;
@@ -1895,19 +1916,25 @@ onUnmounted(() => {
}
.rowRemoveText {
position: absolute;
right: 12px;
bottom: 10px;
top: 10px;
right: 10px;
width: 20px;
height: 20px;
display: grid;
place-items: center;
padding: 0;
border: 0;
border-radius: 999px;
background: transparent;
color: rgba(255, 255, 255, 0.6);
cursor: pointer;
font-size: 11px;
font-size: 16px;
line-height: 1;
font-weight: 800;
}
.rowRemoveText:hover {
color: rgba(255, 255, 255, 0.9);
color: rgba(255, 255, 255, 0.92);
background: rgba(255, 255, 255, 0.06);
}
.rowRemoveText:disabled {
opacity: 0.32;