test-version22
/
MeterSphere
mirror of https://gitee.com/fit2cloud-feizhiyun/MeterSphere.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

style: columnSelector 样式修改

This commit is contained in:
RubyLiu 2023-09-05 18:56:26 +08:00 committed by fit2-zhao
parent 4557504b0a
commit 20de1fad25
1 changed files with 9 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
frontend/src/components/pure/ms-table/columnSelector.vue
View File

@ -39,7 +39,7 @@
</div>
</div>
<a-divider orientation="center" class="non-sort">{{ t('msTable.columnSetting.nonSort') }}</a-divider>
<Draggable tag="div" :list="couldSortColumn" class="list-group" item-key="dateIndex">
<Draggable tag="div" :list="couldSortColumn" ghost-class="ghost" item-key="dateIndex">
<template #item="{ element, index }">
<div class="column-drag-item">
<div class="flex items-center">
@ -170,6 +170,14 @@
justify-content: space-between;
align-items: center;
padding: 8px 12px;
cursor: move;
&:hover {
background-color: var(--color-text-n9);
}
}
.ghost {
border: 1px dashed rgba(var(--primary-5));
background-color: rgba(var(--primary-1));
}
:deep(.arco-divider-text) {
padding: 0 8px;