Aug 3, 2024 · Aug 1, 2024
diff --git a/client/packages/lowcoder/src/comps/comps/numberInputComp/numberInputComp.tsx b/client/packages/lowcoder/src/comps/comps/numberInputComp/numberInputComp.tsx
  return css`
    border-radius: ${style.radius};
    border-width:${style.borderWidth} !important;
    line-height: ${style.lineHeight} !important;
 //line-height: ${style.lineHeight} !important;
    // still use antd style when disabled
    &:not(.ant-input-number-disabled) {
      color: ${style.text};
diff --git a/client/packages/lowcoder/src/comps/comps/textInputComp/textInputConstants.tsx b/client/packages/lowcoder/src/comps/comps/textInputComp/textInputConstants.tsx
      text-decoration:${style.textDecoration};
      background-color: ${style.background};
      border-color: ${style.border};
      line-height: ${style.lineHeight};
 //line-height: ${style.lineHeight};

      &:focus,
      &.ant-input-affix-wrapper-focused {
diff --git a/client/packages/lowcoder/src/comps/controls/labelControl.tsx b/client/packages/lowcoder/src/comps/controls/labelControl.tsx
  border-radius:${(props) => props.$labelStyle.radius};
  padding:${(props) => props.$labelStyle.padding};
  margin:${(props) => props.$labelStyle.margin};
  line-height:${(props) => props.$labelStyle.lineHeight};
 //line-height:${(props) => props.$labelStyle.lineHeight};
  width: fit-content;
  user-select: text;
  white-space: nowrap;
diff --git a/client/packages/lowcoder/src/comps/controls/styleControlConstants.tsx b/client/packages/lowcoder/src/comps/controls/styleControlConstants.tsx
  getStaticBackground(SURFACE_COLOR),
  BOXSHADOW,
  BOXSHADOWCOLOR,
  ...STYLING_FIELDS_SEQUENCE.filter(style=>style.name!=='rotation'),
  ...STYLING_FIELDS_SEQUENCE.filter((style)=>style.name!=='rotation' && style.name!=='lineHeight'),
  ...ACCENT_VALIDATE,
 ] as const;

 export const LabelStyle = [
  ...replaceAndMergeMultipleStyles([...InputLikeStyle], "text", [LABEL]).filter(
    (style) => style.name !== "radius" && style.name !== "background" && style.name!=='rotation' && style.name !== "boxShadow"&&style.name!=='boxShadowColor'
    &&style.name!=='lineHeight'
  ),
 ];
Original file line number	Diff line number	Diff line change
Expand Up		@@ -60,7 +60,7 @@ const getStyle = (style: InputLikeStyleType) => {
		return css`
		border-radius: ${style.radius};
		border-width:${style.borderWidth} !important;
		line-height: ${style.lineHeight} !important;
		//line-height: ${style.lineHeight} !important;
		// still use antd style when disabled
		&:not(.ant-input-number-disabled) {
		color: ${style.text};
Expand Down
Original file line number	Diff line number	Diff line change
Expand Up		@@ -252,7 +252,7 @@ export function getStyle(style: InputLikeStyleType, labelStyle?: LabelStyleType)
		text-decoration:${style.textDecoration};
		background-color: ${style.background};
		border-color: ${style.border};
		line-height: ${style.lineHeight};
		//line-height: ${style.lineHeight};

		&:focus,
		&.ant-input-affix-wrapper-focused {
Expand Down
Original file line number	Diff line number	Diff line change
Expand Up		@@ -108,7 +108,7 @@ const Label = styled.span<{ $border: boolean, $labelStyle: LabelStyleType, $vali
		border-radius:${(props) => props.$labelStyle.radius};
		padding:${(props) => props.$labelStyle.padding};
		margin:${(props) => props.$labelStyle.margin};
		line-height:${(props) => props.$labelStyle.lineHeight};
		//line-height:${(props) => props.$labelStyle.lineHeight};
		width: fit-content;
		user-select: text;
		white-space: nowrap;
Expand Down
Original file line number	Diff line number	Diff line change
Expand Up		@@ -1039,7 +1039,7 @@ export const InputLikeStyle = [
		getStaticBackground(SURFACE_COLOR),
		BOXSHADOW,
		BOXSHADOWCOLOR,
		...STYLING_FIELDS_SEQUENCE.filter(style=>style.name!=='rotation'),
		...STYLING_FIELDS_SEQUENCE.filter((style)=>style.name!=='rotation' && style.name!=='lineHeight'),
		...ACCENT_VALIDATE,
		] as const;

Expand DownExpand Up		@@ -1138,6 +1138,7 @@ export const startButtonStyle = [
		export const LabelStyle = [
		...replaceAndMergeMultipleStyles([...InputLikeStyle], "text", [LABEL]).filter(
		(style) => style.name !== "radius" && style.name !== "background" && style.name!=='rotation' && style.name !== "boxShadow"&&style.name!=='boxShadowColor'
		&&style.name!=='lineHeight'
		),
		];

Expand Down