Merge pull request #361 from RedisInsight/feature/RI-781_Tree_view

egor-zalenski · web-flow · commit 2deef0b8082b · 2022-03-10T11:11:47.000+03:00
#RI-781 - fix styles
diff --git a/redisinsight/ui/src/components/virtual-tree/components/Node/Node.tsx b/redisinsight/ui/src/components/virtual-tree/components/Node/Node.tsx
@@ -109,7 +109,7 @@ const Node = ({
     <div
       style={{
         ...style,
-        paddingLeft: nestingLevel * 30,
+        paddingLeft: nestingLevel * 8,
       }}
       className={cx(styles.nodeContainer, { [styles.nodeSelected]: isSelected && isLeaf, })}
     >
diff --git a/redisinsight/ui/src/components/virtual-tree/components/Node/styles.module.scss b/redisinsight/ui/src/components/virtual-tree/components/Node/styles.module.scss
@@ -20,7 +20,7 @@
   color: var(--euiTextSubduedColor) !important;
   font: normal normal normal 13px/28px Graphik, sans-serif !important;
   letter-spacing: -0.13px;
-
+  white-space: nowrap;
 
   &Open {
     color: var(--euiColorFullShade) !important;

Original file line number	Diff line number	Diff line change
`@@ -109,7 +109,7 @@ const Node = ({`
`109`	`109`	`<div`
`110`	`110`	`style={{`
`111`	`111`	`...style,`
`112`		`- paddingLeft: nestingLevel * 30,`
	`112`	`+ paddingLeft: nestingLevel * 8,`
`113`	`113`	`}}`
`114`	`114`	`className={cx(styles.nodeContainer, { [styles.nodeSelected]: isSelected && isLeaf, })}`
`115`	`115`	`>`