#RI-3492 - fix some ui issues

rsergeenko · rsergeenko · commit b1d6664aef0e · 2022-09-06T17:26:36.000+04:00
diff --git a/redisinsight/ui/src/pages/clusterDetails/components/cluser-nodes-table/ClusterNodesTable.tsx b/redisinsight/ui/src/pages/clusterDetails/components/cluser-nodes-table/ClusterNodesTable.tsx
@@ -50,10 +50,10 @@ const ClusterNodesTable = ({ nodes, loading }: { nodes: Nullable<ModifiedCluster
       dataType: 'string',
       sortable: ({ index }) => index,
       render: (value: number, { letter, port }) => (
-        <>
+        <div className={styles.hostPort}>
           <span className={styles.nodeName} data-testid="node-letter">{letter}</span>
           <span>{value}:{port}</span>
-        </>
+        </div>
       )
     },
     {
diff --git a/redisinsight/ui/src/pages/clusterDetails/components/cluser-nodes-table/styles.module.scss b/redisinsight/ui/src/pages/clusterDetails/components/cluser-nodes-table/styles.module.scss
@@ -127,7 +127,6 @@ $breakpoint-table: 1232px;
       }
     }
 
-    .euiTableHeaderButton:hover .euiTableCellContent__text,
     .euiTableHeaderButton:focus .euiTableCellContent__text {
       text-decoration: none;
     }
@@ -168,4 +167,9 @@ $breakpoint-table: 1232px;
       margin-bottom: 4px;
     }
   }
+
+  .hostPort {
+    display: inline-flex;
+    font: normal normal normal 13px/18px Graphik, sans-serif !important;
+  }
 }

Original file line number	Diff line number	Diff line change
`@@ -50,10 +50,10 @@ const ClusterNodesTable = ({ nodes, loading }: { nodes: Nullable<ModifiedCluster`
`50`	`50`	`dataType: 'string',`
`51`	`51`	`sortable: ({ index }) => index,`
`52`	`52`	`render: (value: number, { letter, port }) => (`
`53`		`- <>`
	`53`	`+ <div className={styles.hostPort}>`
`54`	`54`	`<span className={styles.nodeName} data-testid="node-letter">{letter}</span>`
`55`	`55`	`<span>{value}:{port}</span>`
`56`		`- </>`
	`56`	`+ </div>`
`57`	`57`	`)`
`58`	`58`	`},`
`59`	`59`	`{`
Original file line number	Diff line number	Diff line change
`@@ -127,7 +127,6 @@ $breakpoint-table: 1232px;`
`127`	`127`	`}`
`128`	`128`	`}`
`129`	`129`
`130`		`- .euiTableHeaderButton:hover .euiTableCellContent__text,`
`131`	`130`	`.euiTableHeaderButton:focus .euiTableCellContent__text {`
`132`	`131`	`text-decoration: none;`
`133`	`132`	`}`
`@@ -168,4 +167,9 @@ $breakpoint-table: 1232px;`
`168`	`167`	`margin-bottom: 4px;`
`169`	`168`	`}`
`170`	`169`	`}`
	`170`	`+`
	`171`	`+ .hostPort {`
	`172`	`+ display: inline-flex;`
	`173`	`+ font: normal normal normal 13px/18px Graphik, sans-serif !important;`
	`174`	`+ }`
`171`	`175`	`}`