From 16dfdfb1cd0574422ca2ccf3489fef6d2294321d Mon Sep 17 00:00:00 2001 From: GongFlying <150640661+gzcqqqqqqqq1@users.noreply.github.com> Date: Tue, 9 Jun 2026 16:49:36 +0800 Subject: [PATCH 1/6] update popover ui --- src/AsyncUserSelect/index.js | 4 ++-- .../ColorPickerPortal/index.js | 2 +- src/DTableColorPicker/index.css | 6 ++++-- src/DTableCommonAddTool/index.css | 4 ++-- src/DTableCustomFooter/index.css | 6 +++--- src/DTableFiltersPopover/index.css | 4 ++-- src/DTablePopover/index.js | 4 ++-- src/DTableSwitch/index.css | 1 - src/NotificationPopover/index.css | 20 ++++++++----------- src/NotificationPopover/index.js | 6 ++++-- src/SelectOptionGroup/index.css | 6 +++--- 11 files changed, 31 insertions(+), 32 deletions(-) diff --git a/src/AsyncUserSelect/index.js b/src/AsyncUserSelect/index.js index 989b9ba4..d5118c7a 100644 --- a/src/AsyncUserSelect/index.js +++ b/src/AsyncUserSelect/index.js @@ -213,9 +213,9 @@ const AsyncUserSelect = ({ className, emptyPlaceholder = '', searchPlaceholder = target={selectorRef.current} hideArrow={true} fade={false} - className="dtable-ui-user-select-popover" + className="dtable-ui-user-select-popover seatable-popover" > -
e.stopPropagation()}> +
e.stopPropagation()} >
* { diff --git a/src/DTableFiltersPopover/index.css b/src/DTableFiltersPopover/index.css index f4fcabc1..8784fcb3 100644 --- a/src/DTableFiltersPopover/index.css +++ b/src/DTableFiltersPopover/index.css @@ -29,8 +29,8 @@ font-weight: 500; background: #fff; color: #666; - border-bottom-left-radius: 3px; - border-bottom-right-radius: 3px; + border-bottom-left-radius: 8px; + border-bottom-right-radius: 8px; position: relative; } diff --git a/src/DTablePopover/index.js b/src/DTablePopover/index.js index 7fc046ae..fcbd8140 100644 --- a/src/DTablePopover/index.js +++ b/src/DTablePopover/index.js @@ -64,10 +64,10 @@ class DTablePopover extends React.Component { fade={false} hideArrow={hideArrow} innerClassName={innerClassName} - className={popoverClassName} + className={`seatable-popover ${popoverClassName}`} modifiers={modifiers} > -
this.dtablePopoverRef = ref} onClick={this.onPopoverInsideClick}> +
this.dtablePopoverRef = ref} onClick={this.onPopoverInsideClick} className='dtable-popover-container'> {this.props.children}
diff --git a/src/DTableSwitch/index.css b/src/DTableSwitch/index.css index 22b02878..c105cf8b 100644 --- a/src/DTableSwitch/index.css +++ b/src/DTableSwitch/index.css @@ -32,7 +32,6 @@ transform: scale(.8); display: inline-block; line-height: 24px; - margin-right: 8px; } .dtable-switch.sm .custom-switch .dtable-font.dtable-icon-use-help { diff --git a/src/NotificationPopover/index.css b/src/NotificationPopover/index.css index a786f342..6052147e 100644 --- a/src/NotificationPopover/index.css +++ b/src/NotificationPopover/index.css @@ -5,11 +5,11 @@ .notification-container { position: absolute; background: #fff; - width: 320px; + width: 400px; right: -10px; top: -1px; - border-radius: 3px; - box-shadow: 0 0 5px #ccc; + border-radius: 8px; + box-shadow: 0 6px 14px rgba(0, 0, 0, .1); } .notification-container .notification-header { @@ -17,7 +17,7 @@ align-items: center; justify-content: center; height: 50px; - border-bottom: 1px solid #ededed; + border-bottom: 1px solid #eee; font-size: 16px; font-weight: 600; position: relative; @@ -161,14 +161,10 @@ .notification-body .notification-footer { height: 40px; - display: flex; - align-items: center; - justify-content: center; - background: #f9f9f9; - cursor: pointer; - border-bottom-right-radius: 3px; - border-bottom-left-radius: 3px; - border-top: 1px solid #ededed; + border-top: 1px solid #eee !important; + border-bottom-left-radius: 8px; + border-bottom-right-radius: 8px; + background: #eee; } .notification-body .notification-footer:hover { diff --git a/src/NotificationPopover/index.js b/src/NotificationPopover/index.js index 0095647c..4c7b15dc 100644 --- a/src/NotificationPopover/index.js +++ b/src/NotificationPopover/index.js @@ -71,7 +71,7 @@ export default class NotificationPopover extends React.Component { hideArrow={true} placement="bottom" > -
this.notificationContainerRef = ref}> +
this.notificationContainerRef = ref}>
{headerText} @@ -89,7 +89,9 @@ export default class NotificationPopover extends React.Component { {this.props.children}
-
{footerText}
+
diff --git a/src/SelectOptionGroup/index.css b/src/SelectOptionGroup/index.css index e0b7767d..fccca986 100644 --- a/src/SelectOptionGroup/index.css +++ b/src/SelectOptionGroup/index.css @@ -7,11 +7,11 @@ min-width: 100%; max-width: 15rem; padding: 0.5rem 0; - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); background: #fff; - border: 1px solid rgba(0, 40, 100, 0.12); - border-radius: 3px; z-index: 10001; + border: 1px solid #eee !important; + border-radius: 8px !important; + box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1) !important; } .option-group .option-group-search { From f884b838d15a5a6831a4f9cbaf27e5d841e960ac Mon Sep 17 00:00:00 2001 From: GongFlying <150640661+gzcqqqqqqqq1@users.noreply.github.com> Date: Mon, 15 Jun 2026 15:20:18 +0800 Subject: [PATCH 2/6] update ui popover h2 --- src/DTableColorPicker/index.css | 2 +- src/DTableCommonAddTool/index.css | 2 +- src/DTableCustomFooter/index.css | 2 +- 3 files changed, 3 insertions(+), 3 deletions(-) diff --git a/src/DTableColorPicker/index.css b/src/DTableColorPicker/index.css index 30b7a993..8f565c1c 100644 --- a/src/DTableColorPicker/index.css +++ b/src/DTableColorPicker/index.css @@ -9,7 +9,7 @@ margin-top: 8px; border: 1px solid #eee !important; border-radius: 8px !important; - box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1) !important; + box-shadow: 0 6px 14px rgba(0, 0, 0, 0.1) !important; } .dtable-color-picker .chrome-picker { diff --git a/src/DTableCommonAddTool/index.css b/src/DTableCommonAddTool/index.css index 4fc07a4c..ee741418 100644 --- a/src/DTableCommonAddTool/index.css +++ b/src/DTableCommonAddTool/index.css @@ -4,7 +4,7 @@ height: 40px; font-size: 14px; font-weight: 500; - border-top: 1px solid #dedede; + border-top: 1px solid #eee; background: #fff; padding: 0 1rem; border-bottom-left-radius: 8px; diff --git a/src/DTableCustomFooter/index.css b/src/DTableCustomFooter/index.css index bf699684..f810d6ae 100644 --- a/src/DTableCustomFooter/index.css +++ b/src/DTableCustomFooter/index.css @@ -4,7 +4,7 @@ align-items: center; justify-content: flex-end; padding: 0.75rem; - border-top: 0 6px 16px rgba(0, 0, 0, 0.1) !important; + border: 1px solid #eee !important; border-bottom-right-radius: 8px; border-bottom-left-radius: 8px; } From 4dc4c1ac79f9103c99558bab431b2428d8c2339c Mon Sep 17 00:00:00 2001 From: GongFlying <150640661+gzcqqqqqqqq1@users.noreply.github.com> Date: Mon, 15 Jun 2026 15:21:50 +0800 Subject: [PATCH 3/6] update ui popover h2 --- src/NotificationPopover/index.css | 2 +- src/SelectOptionGroup/index.css | 2 +- 2 files changed, 2 insertions(+), 2 deletions(-) diff --git a/src/NotificationPopover/index.css b/src/NotificationPopover/index.css index 6052147e..7544fe5d 100644 --- a/src/NotificationPopover/index.css +++ b/src/NotificationPopover/index.css @@ -164,7 +164,7 @@ border-top: 1px solid #eee !important; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; - background: #eee; + background: #fff; } .notification-body .notification-footer:hover { diff --git a/src/SelectOptionGroup/index.css b/src/SelectOptionGroup/index.css index fccca986..680f91fc 100644 --- a/src/SelectOptionGroup/index.css +++ b/src/SelectOptionGroup/index.css @@ -11,7 +11,7 @@ z-index: 10001; border: 1px solid #eee !important; border-radius: 8px !important; - box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1) !important; + box-shadow: 0 6px 14px rgba(0, 0, 0, 0.1) !important; } .option-group .option-group-search { From 785799df04104b9b7fe1f3761ef7b2c261b61dcd Mon Sep 17 00:00:00 2001 From: GongFlying <150640661+gzcqqqqqqqq1@users.noreply.github.com> Date: Tue, 16 Jun 2026 17:07:33 +0800 Subject: [PATCH 4/6] update ui --- src/DTableColorPicker/ColorPickerPortal/index.js | 3 ++- src/DTableCustomFooter/index.css | 1 - src/NotificationPopover/index.css | 1 - 3 files changed, 2 insertions(+), 3 deletions(-) diff --git a/src/DTableColorPicker/ColorPickerPortal/index.js b/src/DTableColorPicker/ColorPickerPortal/index.js index 94f4f8af..625b0e06 100644 --- a/src/DTableColorPicker/ColorPickerPortal/index.js +++ b/src/DTableColorPicker/ColorPickerPortal/index.js @@ -62,7 +62,7 @@ export default function ColorPickerPortal({ target, scrollContainerId, throttleD return ReactDOM.createPortal(
diff --git a/src/DTableCustomFooter/index.css b/src/DTableCustomFooter/index.css index f810d6ae..ce4428d7 100644 --- a/src/DTableCustomFooter/index.css +++ b/src/DTableCustomFooter/index.css @@ -4,7 +4,6 @@ align-items: center; justify-content: flex-end; padding: 0.75rem; - border: 1px solid #eee !important; border-bottom-right-radius: 8px; border-bottom-left-radius: 8px; } diff --git a/src/NotificationPopover/index.css b/src/NotificationPopover/index.css index 7544fe5d..a4d24724 100644 --- a/src/NotificationPopover/index.css +++ b/src/NotificationPopover/index.css @@ -161,7 +161,6 @@ .notification-body .notification-footer { height: 40px; - border-top: 1px solid #eee !important; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; background: #fff; From f6eb1d970458135a1a9686ba4a8a81a16d84959d Mon Sep 17 00:00:00 2001 From: GongFlying <150640661+gzcqqqqqqqq1@users.noreply.github.com> Date: Tue, 16 Jun 2026 18:12:07 +0800 Subject: [PATCH 5/6] update ui --- src/NotificationPopover/index.css | 2 +- src/NotificationPopover/index.js | 4 +--- 2 files changed, 2 insertions(+), 4 deletions(-) diff --git a/src/NotificationPopover/index.css b/src/NotificationPopover/index.css index a4d24724..8c9292dc 100644 --- a/src/NotificationPopover/index.css +++ b/src/NotificationPopover/index.css @@ -161,9 +161,9 @@ .notification-body .notification-footer { height: 40px; + background: #f9f9f9; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; - background: #fff; } .notification-body .notification-footer:hover { diff --git a/src/NotificationPopover/index.js b/src/NotificationPopover/index.js index 4c7b15dc..32b77e0a 100644 --- a/src/NotificationPopover/index.js +++ b/src/NotificationPopover/index.js @@ -89,9 +89,7 @@ export default class NotificationPopover extends React.Component { {this.props.children}
- +
{footerText}
From 47694a6fb12a9288368eab5f44ab840b19df64d8 Mon Sep 17 00:00:00 2001 From: GongFlying <150640661+gzcqqqqqqqq1@users.noreply.github.com> Date: Tue, 16 Jun 2026 18:19:27 +0800 Subject: [PATCH 6/6] update ui --- src/DTableCustomFooter/index.css | 1 + 1 file changed, 1 insertion(+) diff --git a/src/DTableCustomFooter/index.css b/src/DTableCustomFooter/index.css index ce4428d7..2537b915 100644 --- a/src/DTableCustomFooter/index.css +++ b/src/DTableCustomFooter/index.css @@ -4,6 +4,7 @@ align-items: center; justify-content: flex-end; padding: 0.75rem; + border-top: 1px solid #eee !important; border-bottom-right-radius: 8px; border-bottom-left-radius: 8px; }