From 53b9fb93d0376eb02bb996935f1720b4e95cd897 Mon Sep 17 00:00:00 2001
From: king <18310653075@163.com>
Date: 星期三, 12 十月 2022 14:41:06 +0800
Subject: [PATCH] 2022-10-12
---
src/menu/components/table/edit-table/columns/index.scss | 57 +++++++++++++++++++++++++++++++++++++++++++++++++++++----
1 files changed, 53 insertions(+), 4 deletions(-)
diff --git a/src/menu/components/table/edit-table/columns/index.scss b/src/menu/components/table/edit-table/columns/index.scss
index 2934fd7..6ca33c7 100644
--- a/src/menu/components/table/edit-table/columns/index.scss
+++ b/src/menu/components/table/edit-table/columns/index.scss
@@ -1,11 +1,17 @@
.edit-table-columns {
position: relative;
+ --mk-table-border-color: #e8e8e8;
+ --mk-table-color: rgba(0, 0, 0, 0.65);
+ --mk-table-font-size: 14px;
+ --mk-table-font-weight: normal;
+
.ant-table {
color: inherit;
font-size: inherit;
}
.submit-btn {
- height: 24px;
+ min-height: 24px;
+ height: auto;
margin-right: 10px;
background-color: #1890ff;
border-width: 0;
@@ -18,6 +24,24 @@
tr {
td {
background: #ffffff;
+ .col-copy {
+ margin-bottom: 0;
+ display: inline-block;
+ .ant-typography-copy {
+ position: absolute;
+ left: 2px;
+ top: 0px;
+ margin-left: 0px;
+ font-size: 12px;
+ opacity: 0;
+ transition: opacity 0.2s;
+ }
+ }
+ }
+ td:hover .col-copy {
+ .ant-typography-copy {
+ opacity: 1;
+ }
}
td:not(.ant-table-selection-column) {
position: relative;
@@ -28,6 +52,16 @@
right: 2px;
color: purple;
font-size: 12px;
+ }
+ >.close-col {
+ position: absolute;
+ top: 2px;
+ right: 2px;
+ color: orange;
+ font-size: 12px;
+ }
+ >.profile + .close-col {
+ right: 20px;
}
}
}
@@ -63,10 +97,9 @@
}
}
.col-control {
- position: absolute;
+ position: relative;
+ float: right;
z-index: 2;
- right: 0;
- top: -25px;
>.anticon, >div > .anticon {
font-size: 16px;
margin-right: 10px;
@@ -88,6 +121,22 @@
.ant-table-small > .ant-table-content > .ant-table-body {
margin: 0;
}
+
+ table, tr, th, td {
+ border-color: var(--mk-table-border-color)!important;
+ }
+ table tr {
+ th .ant-table-column-title, th .ant-table-column-title > span {
+ // color: var(--mk-table-color)!important;
+ font-size: var(--mk-table-font-size)!important;
+ font-weight: var(--mk-table-font-weight)!important;
+ }
+ td {
+ color: var(--mk-table-color)!important;
+ font-size: var(--mk-table-font-size)!important;
+ font-weight: var(--mk-table-font-weight)!important;
+ }
+ }
}
.edit-table-columns.false {
.ant-pagination {
--
Gitblit v1.8.0