From e9e8b1c7b481415714fff9a0d83099fd5a7d6ff0 Mon Sep 17 00:00:00 2001
From: king <18310653075@163.com>
Date: 星期四, 18 五月 2023 17:25:11 +0800
Subject: [PATCH] 2023-05-18
---
src/menu/components/table/normal-table/columns/index.scss | 70 ++++++++++++++++++++++++++++++++--
1 files changed, 65 insertions(+), 5 deletions(-)
diff --git a/src/menu/components/table/normal-table/columns/index.scss b/src/menu/components/table/normal-table/columns/index.scss
index 0261f7d..af1deb4 100644
--- a/src/menu/components/table/normal-table/columns/index.scss
+++ b/src/menu/components/table/normal-table/columns/index.scss
@@ -1,14 +1,44 @@
.normal-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;
+ font-weight: inherit;
+ }
+ .ant-table-selection-column {
+ width: 60px;
+ min-width: 60px;
+ max-width: 60px;
}
.ant-table-body {
overflow-x: auto;
tr {
td {
background: #ffffff;
+ .col-copy {
+ margin-bottom: 0;
+ display: inline-block;
+ color: inherit;
+ .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;
@@ -20,11 +50,16 @@
color: purple;
font-size: 12px;
}
- }
- }
- .action-column {
- .card-detail-row:empty {
- min-height: 40px;
+ >.close-col {
+ position: absolute;
+ top: 2px;
+ right: 2px;
+ color: orange;
+ font-size: 12px;
+ }
+ >.profile + .close-col {
+ right: 20px;
+ }
}
}
tr:hover td {
@@ -79,6 +114,31 @@
.ant-table-small > .ant-table-content > .ant-table-body {
margin: 0;
}
+ .ant-table-small.ant-table-bordered {
+ border-right: 1px solid #e8e8e8;
+ }
+
+ table, tr, th, td, .ant-table-small {
+ border-color: var(--mk-table-border-color)!important;
+ }
+ table tr {
+ th .ant-table-column-title {
+ font-size: var(--mk-table-font-size)!important;
+ font-weight: var(--mk-table-font-weight)!important;
+ }
+ td {
+ font-size: var(--mk-table-font-size)!important;
+ font-weight: var(--mk-table-font-weight)!important;
+ }
+ }
+ table tbody tr {
+ color: var(--mk-table-color);
+ }
+}
+.normal-table-columns:not(.ghost) {
+ .ant-table-small > .ant-table-content .ant-table-thead > tr > th {
+ background-color: #fafafa!important;
+ }
}
.normal-table-columns.false {
.ant-pagination {
--
Gitblit v1.8.0