Fixing Scrollbar Property & Icon position for left menu tree

Author: FalkWolsky

client/packages/lowcoder/src/comps/comps/triContainerComp/triContainerComp.tsx

@@ -125,7 +125,7 @@ export class TriContainerComp extends TriContainerBaseComp implements IContainer
       this.children.showHeader.propertyView({ label: trans("prop.showHeader") }),
       this.children.showBody.propertyView({ label: trans("prop.showBody") }),
       this.children.showFooter.propertyView({ label: trans("prop.showFooter") }),
-      this.children.scrollbars.propertyView({ label: trans("prop.scrollbar") }),
+      (!this.children.autoHeight.getView()) && this.children.scrollbars.propertyView({ label: trans("prop.scrollbar") }),
     ];
   }
 

client/packages/lowcoder/src/comps/controls/styleControlConstants.tsx

@@ -506,17 +506,11 @@ export const MarginStyle = [
 export const ContainerStyle = [
   // ...BG_STATIC_BORDER_RADIUS,
   getStaticBorder(),
+  getBackground(),
   RADIUS,
   BORDER_WIDTH,
   MARGIN,	
   PADDING,
-  {
-    name: "background",
-    label: trans("style.background"),
-    depName: "background",
-    depType: DEP_TYPE.SELF,
-    transformer: toSelf,
-  },
   {
     name: "backgroundImage",
     label: trans("style.backgroundImage"),

client/packages/lowcoder/src/pages/editor/LeftContent.tsx

@@ -435,7 +435,11 @@ export const LeftContent = (props: LeftContentProps) => {
       <DirectoryTreeStyle
         treeData={explorerData}
         // icon={(props: NodeItem) => props.type && (CompStateIcon[props.type] || <LeftCommon />)}
-        icon={(props: any) => props.type && (CompStateIcon[props.type as UICompType] || <LeftCommon />)}
+        icon={(props: any) => props.type && (
+          <div style={{ margin: '16px 4px 0 -4px'}}> 
+            {CompStateIcon[props.type as UICompType] || <LeftCommon />}
+          </div>
+        )}
         // switcherIcon={({ expanded }: { expanded: boolean }) =>
         //   expanded ? <FoldedIcon /> : <UnfoldIcon />
         // }

client/packages/lowcoder/src/pages/editor/LeftLayersContent.tsx

@@ -458,7 +458,7 @@ export const LeftLayersContent = (props: LeftLayersContentProps) => {
           onDrop={(info) => handleDrop(info)}
           treeData={componentTreeData}
           icon={(props: any) => props.type && (
-            <div style={{ margin: '3px 4px 0 -4px'}}> {/* Adjust the margin as needed */}
+            <div style={{ margin: '3px 4px 0 -4px'}}> 
               {CompStateIcon[props.type as UICompType] || <LeftCommon />}
             </div>
           )}