remove border styles from disables

iamfaran · iamfaran · commit 9ad28bb706d0 · 2025-06-26T19:56:11.000+05:00
diff --git a/client/packages/lowcoder/src/comps/comps/buttonComp/buttonCompConstants.tsx b/client/packages/lowcoder/src/comps/comps/buttonComp/buttonCompConstants.tsx
@@ -54,9 +54,6 @@ export function getButtonStyle(buttonStyle: ButtonStyleType, disabledStyle?: any
       &.ant-btn-disabled {
         color: ${disabledStyle?.disabledText || buttonStyle.text};
         background: ${disabledStyle?.disabledBackground || buttonStyle.background};
-        border-color: ${
-          disabledStyle?.disabledBorder || buttonStyle.border
-        } !important;
         cursor: not-allowed;
       }
     }
diff --git a/client/packages/lowcoder/src/comps/comps/numberInputComp/numberInputComp.tsx b/client/packages/lowcoder/src/comps/comps/numberInputComp/numberInputComp.tsx
@@ -133,23 +133,13 @@ const InputNumber = styled(AntdInputNumber)<{
   &.ant-input-number-disabled {
     color: ${(props) => props.$disabledStyle?.disabledText || props.$style.text} !important;
     background: ${(props) => props.$disabledStyle?.disabledBackground || props.$style.background} !important;
-    border-color: ${(props) => props.$disabledStyle?.disabledBorder || props.$style.border} !important;
     cursor: not-allowed;
     
     .ant-input-number-input {
       color: ${(props) => props.$disabledStyle?.disabledText || props.$style.text} !important;
       background: ${(props) => props.$disabledStyle?.disabledBackground || props.$style.background} !important;
     }
     
-    .ant-input-number-handler-wrap {
-      background: ${(props) => props.$disabledStyle?.disabledBackground || props.$style.background} !important;
-      border-color: ${(props) => props.$disabledStyle?.disabledBorder || props.$style.border} !important;
-      
-      .ant-input-number-handler span {
-        color: ${(props) => props.$disabledStyle?.disabledText || props.$style.text} !important;
-        opacity: 0.3;
-      }
-    }
   }
 `;
 
diff --git a/client/packages/lowcoder/src/comps/comps/textInputComp/inputComp.tsx b/client/packages/lowcoder/src/comps/comps/textInputComp/inputComp.tsx
@@ -55,7 +55,6 @@ const InputStyle = styled(Input)<{
   &.ant-input-disabled {
     color: ${(props) => props.$disabledStyle?.disabledText || props.$style.text} !important;
     background: ${(props) => props.$disabledStyle?.disabledBackground || props.$style.background} !important;
-    border-color: ${(props) => props.$disabledStyle?.disabledBorder || props.$style.border} !important;
     cursor: not-allowed;
   }
 `;
diff --git a/client/packages/lowcoder/src/comps/comps/textInputComp/passwordComp.tsx b/client/packages/lowcoder/src/comps/comps/textInputComp/passwordComp.tsx
@@ -57,7 +57,6 @@ const PasswordStyle = styled(InputPassword)<{
   &.ant-input-disabled {
     color: ${(props) => props.$disabledStyle?.disabledText || props.$style.text} !important;
     background: ${(props) => props.$disabledStyle?.disabledBackground || props.$style.background} !important;
-    border-color: ${(props) => props.$disabledStyle?.disabledBorder || props.$style.border} !important;
     cursor: not-allowed;
   }
 `;
diff --git a/client/packages/lowcoder/src/comps/comps/textInputComp/textAreaComp.tsx b/client/packages/lowcoder/src/comps/comps/textInputComp/textAreaComp.tsx
@@ -52,7 +52,6 @@ const TextAreaStyled = styled(TextArea)<{
   &.ant-input-disabled {
     color: ${(props) => props.$disabledStyle?.disabledText || props.$style.text} !important;
     background: ${(props) => props.$disabledStyle?.disabledBackground || props.$style.background} !important;
-    border-color: ${(props) => props.$disabledStyle?.disabledBorder || props.$style.border} !important;
     cursor: not-allowed;
   }
 `;
diff --git a/client/packages/lowcoder/src/comps/controls/styleControlConstants.tsx b/client/packages/lowcoder/src/comps/controls/styleControlConstants.tsx
@@ -966,12 +966,7 @@ const DISABLED_BACKGROUND = {
   color: SECOND_SURFACE_COLOR,
 } as const;
 
-const DISABLED_BORDER = {
-  name: "disabledBorder",
-  label: trans("style.disabledBorder"),
-  depName: "disabledBackground",
-  transformer: backgroundToBorder,
-} as const;
+
 
 const DISABLED_TEXT = {
   name: "disabledText",
@@ -984,7 +979,6 @@ const DISABLED_TEXT = {
 // Re-export for reuse in other components if needed
 export const DISABLED_STYLE_FIELDS = [
   DISABLED_BACKGROUND,
-  DISABLED_BORDER,
   DISABLED_TEXT,
 ] as const;
 
@@ -995,12 +989,6 @@ const DISABLED_INPUT_BACKGROUND = {
   color: SECOND_SURFACE_COLOR,
 } as const;
 
-const DISABLED_INPUT_BORDER = {
-  name: "disabledBorder",
-  label: trans("style.disabledBorder"),
-  depName: "disabledInputBackground",
-  transformer: backgroundToBorder,
-} as const;
 
 const DISABLED_INPUT_TEXT = {
   name: "disabledText",
@@ -1013,7 +1001,6 @@ const DISABLED_INPUT_TEXT = {
 // Re-export for reuse in textInput components
 export const DISABLED_INPUT_STYLE_FIELDS = [
   DISABLED_INPUT_BACKGROUND,
-  DISABLED_INPUT_BORDER,
   DISABLED_INPUT_TEXT,
 ] as const;
 

Original file line number	Diff line number	Diff line change
`@@ -54,9 +54,6 @@ export function getButtonStyle(buttonStyle: ButtonStyleType, disabledStyle?: any`
`54`	`54`	`&.ant-btn-disabled {`
`55`	`55`	`color: ${disabledStyle?.disabledText \|\| buttonStyle.text};`
`56`	`56`	`background: ${disabledStyle?.disabledBackground \|\| buttonStyle.background};`
`57`		`- border-color: ${`
`58`		`- disabledStyle?.disabledBorder \|\| buttonStyle.border`
`59`		`- } !important;`
`60`	`57`	`cursor: not-allowed;`
`61`	`58`	`}`
`62`	`59`	`}`
Original file line number	Diff line number	Diff line change
`@@ -55,7 +55,6 @@ const InputStyle = styled(Input)<{`
`55`	`55`	`&.ant-input-disabled {`
`56`	`56`	`color: ${(props) => props.$disabledStyle?.disabledText \|\| props.$style.text} !important;`
`57`	`57`	`background: ${(props) => props.$disabledStyle?.disabledBackground \|\| props.$style.background} !important;`
`58`		`- border-color: ${(props) => props.$disabledStyle?.disabledBorder \|\| props.$style.border} !important;`
`59`	`58`	`cursor: not-allowed;`
`60`	`59`	`}`
`61`	`60`	`;
Original file line number	Diff line number	Diff line change
`@@ -57,7 +57,6 @@ const PasswordStyle = styled(InputPassword)<{`
`57`	`57`	`&.ant-input-disabled {`
`58`	`58`	`color: ${(props) => props.$disabledStyle?.disabledText \|\| props.$style.text} !important;`
`59`	`59`	`background: ${(props) => props.$disabledStyle?.disabledBackground \|\| props.$style.background} !important;`
`60`		`- border-color: ${(props) => props.$disabledStyle?.disabledBorder \|\| props.$style.border} !important;`
`61`	`60`	`cursor: not-allowed;`
`62`	`61`	`}`
`63`	`62`	`;
Original file line number	Diff line number	Diff line change
`@@ -52,7 +52,6 @@ const TextAreaStyled = styled(TextArea)<{`
`52`	`52`	`&.ant-input-disabled {`
`53`	`53`	`color: ${(props) => props.$disabledStyle?.disabledText \|\| props.$style.text} !important;`
`54`	`54`	`background: ${(props) => props.$disabledStyle?.disabledBackground \|\| props.$style.background} !important;`
`55`		`- border-color: ${(props) => props.$disabledStyle?.disabledBorder \|\| props.$style.border} !important;`
`56`	`55`	`cursor: not-allowed;`
`57`	`56`	`}`
`58`	`57`	`;