fix(AnalyticalTable): update column resizer styles

package.json

@@ -70,7 +70,7 @@
     "@vitejs/plugin-react": "5.0.4",
     "chromatic": "13.2.1",
     "cssnano": "7.1.1",
-    "cypress": "15.2.0",
+    "cypress": "15.5.0",
     "cypress-real-events": "1.15.0",
     "dedent": "1.7.0",
     "documentation": "14.0.3",

packages/main/src/components/AnalyticalTable/AnalyticalTable.cy.tsx

@@ -401,13 +401,6 @@ describe('AnalyticalTable', () => {
     function doubleClickResizer(selector: string, columnName: string, outerWidth: number) {
       cy.get(selector)
         .realHover()
-        .should(($el) => {
-          // the CSS variable is applied too late in React 18.
-          if (!reactVersion.startsWith('18')) {
-            const color = getComputedStyle($el[0]).getPropertyValue('background-color');
-            expect(color).to.equal(cssVarToRgb('--sapContent_DragAndDropActiveColor'));
-          }
-        })
         .dblclick()
         // fallback
         .realClick({ clickCount: 2 });

packages/main/src/components/AnalyticalTable/AnalyticalTable.module.css

@@ -440,17 +440,22 @@
 
 .resizer {
   display: inline-block;
-  width: 3px;
+  width: 5px;
   height: 100%;
   position: absolute;
   inset-block-end: 0;
   inset-block-start: 0;
   z-index: 1;
   cursor: col-resize;
 
-  &:hover,
+  &:hover {
+    background-color: var(--sapContent_DragAndDropActiveColor);
+    opacity: 0.5;
+  }
+
   &:active {
     background-color: var(--sapContent_DragAndDropActiveColor);
+    opacity: 1;
   }
 }
 

yarn.lock

@@ -4793,6 +4793,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@types/tmp@npm:^0.2.3":
+  version: 0.2.6
+  resolution: "@types/tmp@npm:0.2.6"
+  checksum: 10c0/a11bfa2cd8eaa6c5d62f62a3569192d7a2c28efdc5c17af0b0551db85816b2afc8156f3ca15ac76f0b142ae1403f04f44279871424233a1f3390b2e5fc828cd0
+  languageName: node
+  linkType: hard
+
 "@types/trusted-types@npm:^2.0.2":
   version: 2.0.3
   resolution: "@types/trusted-types@npm:2.0.3"
@@ -7406,13 +7413,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"check-more-types@npm:^2.24.0":
-  version: 2.24.0
-  resolution: "check-more-types@npm:2.24.0"
-  checksum: 10c0/93fda2c32eb5f6cd1161a84a2f4107c0e00b40a851748516791dd9a0992b91bdf504e3bf6bf7673ce603ae620042e11ed4084d16d6d92b36818abc9c2e725520
-  languageName: node
-  linkType: hard
-
 "child_process@npm:^1.0.2":
   version: 1.0.2
   resolution: "child_process@npm:1.0.2"
@@ -8395,21 +8395,21 @@ __metadata:
   languageName: node
   linkType: hard
 
-"cypress@npm:15.2.0":
-  version: 15.2.0
-  resolution: "cypress@npm:15.2.0"
+"cypress@npm:15.5.0":
+  version: 15.5.0
+  resolution: "cypress@npm:15.5.0"
   dependencies:
     "@cypress/request": "npm:^3.0.9"
     "@cypress/xvfb": "npm:^1.2.4"
     "@types/sinonjs__fake-timers": "npm:8.1.1"
     "@types/sizzle": "npm:^2.3.2"
+    "@types/tmp": "npm:^0.2.3"
     arch: "npm:^2.2.0"
     blob-util: "npm:^2.0.2"
     bluebird: "npm:^3.7.2"
     buffer: "npm:^5.7.1"
     cachedir: "npm:^2.3.0"
     chalk: "npm:^4.1.0"
-    check-more-types: "npm:^2.24.0"
     ci-info: "npm:^4.1.0"
     cli-cursor: "npm:^3.1.0"
     cli-table3: "npm:0.6.1"
@@ -8426,7 +8426,6 @@ __metadata:
     fs-extra: "npm:^9.1.0"
     hasha: "npm:5.2.2"
     is-installed-globally: "npm:~0.4.0"
-    lazy-ass: "npm:^1.6.0"
     listr2: "npm:^3.8.3"
     lodash: "npm:^4.17.21"
     log-symbols: "npm:^4.0.0"
@@ -8445,7 +8444,7 @@ __metadata:
     yauzl: "npm:^2.10.0"
   bin:
     cypress: bin/cypress
-  checksum: 10c0/afd9dc9042dc523234f57878ad0d5db2e5dffd502b77374077478512c5ea11338e85188ee6c39eaa7be35e24fa96b21aedd6a3b39b8b6e330218f7c105d9b2e8
+  checksum: 10c0/0a7aabc9920a808f5257f111b9b4bb6602e9b7146dd945a49e16a0811c201d5f5837f9ae439756556b686e020155483542505bf8499b72307236047b85a1130b
   languageName: node
   linkType: hard
 
@@ -13271,13 +13270,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"lazy-ass@npm:^1.6.0":
-  version: 1.6.0
-  resolution: "lazy-ass@npm:1.6.0"
-  checksum: 10c0/4af6cb9a333fbc811268c745f9173fba0f99ecb817cc9c0fae5dbf986b797b730ff525504128f6623b91aba32b02124553a34b0d14de3762b637b74d7233f3bd
-  languageName: node
-  linkType: hard
-
 "lazystream@npm:^1.0.0":
   version: 1.0.1
   resolution: "lazystream@npm:1.0.1"
@@ -20831,7 +20823,7 @@ __metadata:
     "@vitejs/plugin-react": "npm:5.0.4"
     chromatic: "npm:13.2.1"
     cssnano: "npm:7.1.1"
-    cypress: "npm:15.2.0"
+    cypress: "npm:15.5.0"
     cypress-real-events: "npm:1.15.0"
     dedent: "npm:1.7.0"
     documentation: "npm:14.0.3"