[improvements] LeftSidebar Inspector (ToolJet#4064)

* fixes: padding for inspector json * fixes: padding for inspector json * fixes: padding for inspector json * adds {{}}: to copying the abs path
iamakhileshmishra · Sep 20, 2022 · fb2540b · fb2540b
1 parent 410ec82
commit fb2540b
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 2 deletions.
diff --git a/frontend/src/Editor/LeftSidebar/SidebarInspector.jsx b/frontend/src/Editor/LeftSidebar/SidebarInspector.jsx
@@ -162,7 +162,7 @@ export const LeftSidebarInspector = ({
       />
       <div
         {...content}
-        className={`card popover ${open || popoverPinned ? 'show' : 'hide'}`}
+        className={`card popover left-sidebar-inspector ${open || popoverPinned ? 'show' : 'hide'}`}
         style={{ resize: 'horizontal', maxWidth: '60%', minWidth: '422px' }}
       >
         <SidebarPinnedButton

diff --git a/frontend/src/_styles/theme.scss b/frontend/src/_styles/theme.scss
@@ -336,6 +336,12 @@ button {
         border-width: 0px 0px 1px 0px;
       }
     }
+
+    .left-sidebar-inspector {
+      .card-body {
+        padding: 1rem 0rem 1rem 1rem;
+      }
+    }
   }
 
   .editor-sidebar {

diff --git a/frontend/src/_ui/JSONTreeViewer/JSONTreeViewer.jsx b/frontend/src/_ui/JSONTreeViewer/JSONTreeViewer.jsx
@@ -193,7 +193,7 @@ export class JSONTreeViewer extends React.Component {
 
     buildMap(data);
 
-    return computeAbsolutePath(path);
+    return `{{${computeAbsolutePath(path)}}}`;
   };
 
   render() {