From f3d4db769ba9b51b799d981511a710fd443d0e08 Mon Sep 17 00:00:00 2001 From: king <18310653075@163.com> Date: 星期一, 21 四月 2025 12:18:03 +0800 Subject: [PATCH] Merge branch 'master' into positec --- src/menu/components/table/normal-table/columns/index.scss | 134 +++++++++++++++++++++++++++++++++++++++----- 1 files changed, 118 insertions(+), 16 deletions(-) diff --git a/src/menu/components/table/normal-table/columns/index.scss b/src/menu/components/table/normal-table/columns/index.scss index 3a23c29..534355b 100644 --- a/src/menu/components/table/normal-table/columns/index.scss +++ b/src/menu/components/table/normal-table/columns/index.scss @@ -1,23 +1,65 @@ .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; - padding-bottom: 20px; - tr td:not(.ant-table-selection-column) { - position: relative; - padding: 12px 8px; - background: #ffffff; - >.profile { - position: absolute; - top: 2px; - right: 2px; - color: purple; - font-size: 12px; + 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; + } + } } - } - .action-column { - .card-detail-row:empty { - min-height: 40px; + td:hover .col-copy { + .ant-typography-copy { + opacity: 1; + } + } + td:not(.ant-table-selection-column) { + position: relative; + // padding: 12px 8px; + >.profile { + position: absolute; + top: 2px; + 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; + } } } tr:hover td { @@ -51,7 +93,7 @@ z-index: 2; right: 0; top: -25px; - >i, >div > i { + >.anticon, >div > .anticon { font-size: 16px; margin-right: 10px; cursor: pointer; @@ -59,9 +101,43 @@ >.anticon-copy { color: #26C281; } + >.anticon-delete { + color: #ff4d4f; + } + >.anticon-file-sync { + color: #1890ff; + } >div >.profile { color: purple; } + } + .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 { @@ -80,3 +156,29 @@ border-radius: 0; } } + +.normal-table-columns.ghost { + .ant-table-thead > tr { + > th { + color: inherit; + background: transparent; + .ant-table-column-sorter .ant-table-column-sorter-inner { + color: inherit; + } + } + > th:hover { + background: transparent; + } + } + .ant-table-body { + overflow-x: auto; + tr { + td { + background: transparent; + } + } + tr:hover td { + background: transparent!important; + } + } +} -- Gitblit v1.8.0