From 882d11341442d5128c9e314f76e48d4d829f31cc Mon Sep 17 00:00:00 2001
From: king <18310653075@163.com>
Date: 星期五, 27 十月 2023 17:15:47 +0800
Subject: [PATCH] 2023-10-27

---
 src/tabviews/custom/components/table/edit-table/normalTable/mkPopSelect/index.scss |   93 ++++++++++++++++++++++++++++++++++++----------
 1 files changed, 73 insertions(+), 20 deletions(-)

diff --git a/src/tabviews/custom/components/table/edit-table/normalTable/mkPopSelect/index.scss b/src/tabviews/custom/components/table/edit-table/normalTable/mkPopSelect/index.scss
index 9fb18d8..bc198f7 100644
--- a/src/tabviews/custom/components/table/edit-table/normalTable/mkPopSelect/index.scss
+++ b/src/tabviews/custom/components/table/edit-table/normalTable/mkPopSelect/index.scss
@@ -1,26 +1,76 @@
-.mk-pop-select {
-  .ant-select-selection__rendered {
-    margin-right: 30px;
+.mk-pop-select-wrap {
+  position: relative;
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0 30px 0 11px;
+  color: rgba(0, 0, 0, 0.65);
+  font-size: 14px;
+  font-variant: tabular-nums;
+  list-style: none;
+  font-feature-settings: 'tnum';
+  position: relative;
+  display: inline-block;
+  width: 100%;
+  outline: 0;
+  border: 1px solid #d9d9d9;
+  border-top-width: 1.02px;
+  background: #ffffff;
+  user-select: none;
+  height: 32px;
+  cursor: pointer;
+  transition: all 0.3s;
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  line-height: 30px;
+
+  .anticon-table {
+    padding: 7px;
+    color: rgba(0, 0, 0, 0.25);
+    transition: color 0.3s;
+    font-size: 14px;
+    position: absolute;
+    right: 0px;
+    top: 0px;
   }
-  .ant-select-selection__clear {
-    right: 35px;
+  .anticon-close-circle {
+    color: rgba(0, 0, 0, 0.25);
+    transition: all 0.3s;
+    padding: 7px;
+    opacity: 0;
+    position: absolute;
+    right: 25px;
   }
-  .ant-select-arrow {
-    transform: translate(8px, -9px);
-    .ant-select-arrow-icon {
-      padding: 7px;
-      color: rgba(0, 0, 0, 0.25);
-      transition: color 0.2s;
-      font-size: 14px;
-      svg {
-        transition: none!important;
-        transform: none!important;
-      }
-    }
-    .ant-select-arrow-icon:hover {
-      color: var(--mk-sys-color);
-    }
+  .anticon-close-circle:hover {
+    color: rgba(0, 0, 0, 0.45);
   }
+}
+.mk-pop-select-wrap:hover, .mk-pop-select-mask:hover + .mk-pop-select-wrap {
+  border-color: var(--mk-sys-color5);
+  box-shadow: 0 0 0 2px var(--mk-sys-color2);
+
+  .anticon-table {
+    color: var(--mk-sys-color);
+  }
+  .anticon-close-circle {
+    opacity: 1;
+  }
+}
+.mk-pop-select-mask {
+  position: absolute;
+  background: #ffffff;
+  top: 0px;
+  left: 0px;
+  right: 0px;
+  bottom: 0px;
+  height: auto;
+  border: 1px solid #d9d9d9;
+  cursor: pointer;
+}
+.mk-pop-select-mask + .mk-pop-select-wrap {
+  border: none;
+  box-shadow: none!important;
+  padding-left: 0px;
 }
 .mk-pop-select-modal {
   .ant-modal-body {
@@ -33,6 +83,9 @@
       margin-bottom: 20px;
     }
     table {
+      td {
+        padding: 12px 16px;
+      }
       tr:not(.ant-table-row-selected):hover > td {
         background-color: var(--mk-sys-color1);
       }

--
Gitblit v1.8.0