From da34633b25d16359cd91a656acad5e811f9972b7 Mon Sep 17 00:00:00 2001 From: king <18310653075@163.com> Date: 星期二, 14 三月 2023 18:09:54 +0800 Subject: [PATCH] 2023-03-14 --- src/menu/components/table/normal-table/columns/index.scss | 92 +++++++++++++++++++++++++++++++++++++++++++++ 1 files changed, 91 insertions(+), 1 deletions(-) diff --git a/src/menu/components/table/normal-table/columns/index.scss b/src/menu/components/table/normal-table/columns/index.scss index 41f4111..5de869d 100644 --- a/src/menu/components/table/normal-table/columns/index.scss +++ b/src/menu/components/table/normal-table/columns/index.scss @@ -1,10 +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; @@ -15,6 +49,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; } } } @@ -54,13 +98,16 @@ z-index: 2; right: 0; top: -25px; - >i, >div > i { + >.anticon, >div > .anticon { font-size: 16px; margin-right: 10px; cursor: pointer; } >.anticon-copy { color: #26C281; + } + >.anticon-delete { + color: #ff4d4f; } >.anticon-file-sync { color: #1890ff; @@ -71,6 +118,23 @@ } .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 { + 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.false { @@ -89,3 +153,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