lineHeight icon added in right panel

MenamAfzal · MenamAfzal · commit 0bc663b4871e · 2024-07-27T13:28:34.000+05:00
diff --git a/client/packages/lowcoder/src/components/ThemeSettingsCompStyles.tsx b/client/packages/lowcoder/src/components/ThemeSettingsCompStyles.tsx
@@ -25,6 +25,7 @@ import {
   TextStyleIcon,
   ImageCompIconSmall,
   RotationIcon,
+  LineHeightIcon
  } from "lowcoder-design/src/icons";
 import { trans } from "i18n";
 import { debounce } from "lodash";
@@ -375,6 +376,10 @@ export default function ThemeSettingsCompStyles(props: CompStyleProps) {
         icon = <RotationIcon style={{width: "16px", margin: "5px 0 0 5px", padding: "0px"}}/>;
         break;
       }
+      case 'lineHeight': {
+        icon = <LineHeightIcon style={{width: "16px", margin: "5px 0 0 5px", padding: "0px"}}/>;
+        break;
+      }
     }
     return icon;
   }
diff --git a/client/packages/lowcoder/src/comps/controls/styleControl.tsx b/client/packages/lowcoder/src/comps/controls/styleControl.tsx
@@ -29,6 +29,7 @@ import {
   RefreshLineIcon,
   ShadowIcon,
   OpacityIcon,
+  LineHeightIcon
 } from 'lowcoder-design';
 import { useContext } from "react";
 import styled from "styled-components";
@@ -759,7 +760,7 @@ const StyleContent = styled.div`
     border-radius: 0 0 6px 6px;
   }
 `;
-const LineHeightPropIcon = styled(ExpandIcon)`
+const LineHeightPropIcon = styled(LineHeightIcon)`
   margin: 0 8px 0 -3px;
   padding: 3px;
   color: #888;

Original file line number	Diff line number	Diff line change
`@@ -25,6 +25,7 @@ import {`
`25`	`25`	`TextStyleIcon,`
`26`	`26`	`ImageCompIconSmall,`
`27`	`27`	`RotationIcon,`
	`28`	`+ LineHeightIcon`
`28`	`29`	`} from "lowcoder-design/src/icons";`
`29`	`30`	`import { trans } from "i18n";`
`30`	`31`	`import { debounce } from "lodash";`
`@@ -375,6 +376,10 @@ export default function ThemeSettingsCompStyles(props: CompStyleProps) {`
`375`	`376`	`icon = <RotationIcon style={{width: "16px", margin: "5px 0 0 5px", padding: "0px"}}/>;`
`376`	`377`	`break;`
`377`	`378`	`}`
	`379`	`+ case 'lineHeight': {`
	`380`	`+ icon = <LineHeightIcon style={{width: "16px", margin: "5px 0 0 5px", padding: "0px"}}/>;`
	`381`	`+ break;`
	`382`	`+ }`
`378`	`383`	`}`
`379`	`384`	`return icon;`
`380`	`385`	`}`