From 3fb191ee13c39ae0f0e7e4c6b5d4fc5fb9cf51bd Mon Sep 17 00:00:00 2001
From: Tsanie <lchen@foresightintelligence.com>
Date: Sun, 4 Feb 2024 13:58:37 +0800
Subject: [PATCH] fix: column splitter appearance

---
 lib/ui/css/grid.scss | 26 ++++++++++++++------------
 lib/ui/grid/grid.js  |  2 +-
 2 files changed, 15 insertions(+), 13 deletions(-)

diff --git a/lib/ui/css/grid.scss b/lib/ui/css/grid.scss
index d5c8335..4cb9850 100644
--- a/lib/ui/css/grid.scss
+++ b/lib/ui/css/grid.scss
@@ -33,7 +33,7 @@
 
         --arrow-size: 4px;
         --filter-size: 10px;
-        --split-width: 8px;
+        --split-width: 10px;
         --dragger-size: 20px;
         --dragger-opacity: .6;
         --dragger-cursor-size: 4px;
@@ -107,6 +107,8 @@
                             padding: var(--header-padding);
                             box-sizing: border-box;
                             // overflow-x: hidden;
+                            border-right: 1px solid transparent;
+                            transition: border-color .12s ease;
 
                             >span {
                                 overflow: hidden;
@@ -176,19 +178,19 @@
                             position: absolute;
                             height: 100%;
                             top: 0;
-                            right: calc(0px - var(--split-width) /2);
+                            right: calc(1px - var(--split-width) /2);
                             width: var(--split-width);
                             cursor: ew-resize;
                             z-index: 2;
 
-                            &::after {
-                                content: '';
-                                height: 100%;
-                                width: 1px;
-                                display: block;
-                                margin: 0 auto;
-                                transition: background-color .12s ease;
-                            }
+                            // &::after {
+                            //     content: '';
+                            //     height: 100%;
+                            //     width: 1px;
+                            //     display: block;
+                            //     margin: 0 auto;
+                            //     transition: background-color .12s ease;
+                            // }
 
                             // &:hover::after {
                             //     background-color: var(--split-border-color);
@@ -242,8 +244,8 @@
                         }
                     }
 
-                    &:hover>th>.spliter::after {
-                        background-color: var(--split-border-color);
+                    &:hover>th>div {
+                        border-color: var(--split-border-color);
                     }
                 }
             }
diff --git a/lib/ui/grid/grid.js b/lib/ui/grid/grid.js
index d98a3c4..344b1d3 100644
--- a/lib/ui/grid/grid.js
+++ b/lib/ui/grid/grid.js
@@ -1302,7 +1302,7 @@ export class Grid {
                     });
                 }
                 if (typeof this.onSelectedRowChanged === 'function') {
-                    this.onSelectedRowChanged(selectedIndex);
+                    this.onSelectedRowChanged(-1);
                 }
                 this._var.selectedColumnIndex = -1;
                 return;