Merge pull request #3524 from RedisInsight/fe/bugfix/RI-5865

vlad-dargel · web-flow · commit 8fdfad34aee8 · 2024-06-20T17:04:40.000+02:00
#RI-5865 - fix table borders
diff --git a/redisinsight/ui/src/components/virtual-table/styles.module.scss b/redisinsight/ui/src/components/virtual-table/styles.module.scss
@@ -191,8 +191,6 @@ $footerHeight: 38px;
 
   :global(.ReactVirtualized__Table__headerRow) {
     border: 1px solid var(--separatorColorLight) !important;
-    // fix border alignment, need to investigate why this happens
-    padding: 0 !important;
   }
 
   :global(.ReactVirtualized__Table__rowColumn) {
@@ -218,6 +216,11 @@ $footerHeight: 38px;
 
       :global(.ReactVirtualized__Table__headerColumn) {
         border-right-color: var(--separatorColorLight) !important;
+
+        &:last-child {
+          // fix border alignment, need to investigate why this happens
+          margin-left: -2px !important;
+        }
       }
     }
   }
@@ -253,7 +256,6 @@ $footerHeight: 38px;
     }
 
     .value-table-separate-border {
-      // border-right-color: var(--tableLightestBorderColor) !important;
       box-sizing: content-box;
     }
 

Original file line number	Diff line number	Diff line change
`@@ -191,8 +191,6 @@ $footerHeight: 38px;`
`191`	`191`
`192`	`192`	`:global(.ReactVirtualized__Table__headerRow) {`
`193`	`193`	`border: 1px solid var(--separatorColorLight) !important;`
`194`		`- // fix border alignment, need to investigate why this happens`
`195`		`- padding: 0 !important;`
`196`	`194`	`}`
`197`	`195`
`198`	`196`	`:global(.ReactVirtualized__Table__rowColumn) {`
`@@ -218,6 +216,11 @@ $footerHeight: 38px;`
`218`	`216`
`219`	`217`	`:global(.ReactVirtualized__Table__headerColumn) {`
`220`	`218`	`border-right-color: var(--separatorColorLight) !important;`
	`219`	`+`
	`220`	`+ &:last-child {`
	`221`	`+ // fix border alignment, need to investigate why this happens`
	`222`	`+ margin-left: -2px !important;`
	`223`	`+ }`
`221`	`224`	`}`
`222`	`225`	`}`
`223`	`226`	`}`
`@@ -253,7 +256,6 @@ $footerHeight: 38px;`
`253`	`256`	`}`
`254`	`257`
`255`	`258`	`.value-table-separate-border {`
`256`		`- // border-right-color: var(--tableLightestBorderColor) !important;`
`257`	`259`	`box-sizing: content-box;`
`258`	`260`	`}`
`259`	`261`