[Fix]: #1466 border color for disabled button

iamfaran · iamfaran · commit 93eb77a72563 · 2025-07-21T19:18:38.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,6 +54,7 @@ export function getButtonStyle(buttonStyle: ButtonStyleType, disabledStyle: Disa
       &.ant-btn-disabled {
         color: ${disabledStyle.disabledText};
         background: ${disabledStyle.disabledBackground};
+        border-color: ${disabledStyle.disabledBorder};
         cursor: not-allowed;
       }
     }
diff --git a/client/packages/lowcoder/src/comps/comps/meetingComp/videobuttonCompConstants.tsx b/client/packages/lowcoder/src/comps/comps/meetingComp/videobuttonCompConstants.tsx
@@ -48,6 +48,7 @@ export function getButtonStyle(buttonStyle: any, disabledStyle: any) {
       &.ant-btn-disabled {
         color: ${disabledStyle.disabledText};
         background: ${disabledStyle.disabledBackground};
+        border-color: ${disabledStyle.disabledBorder};
         cursor: not-allowed;
       }
     }
@@ -70,15 +71,15 @@ export const Button100 = styled(Button)<{ $buttonStyle?: any; $disabledStyle?: a
 `;
 
 export const ButtonCompWrapper = styled.div<{ disabled: boolean }>`
-  // The button component is disabled but can respond to drag & select events
-  ${(props) =>
-    props.disabled &&
-    `
-    cursor: not-allowed;
-    button:disabled {
-      pointer-events: none;
-    }
-  `};
+   ${(props) =>
+    props.disabled
+      ? css`
+          cursor: not-allowed;
+          button:disabled {
+            pointer-events: none;
+          }
+        `
+      : ''};
 `;
 
 /**

Original file line number	Diff line number	Diff line change
`@@ -54,6 +54,7 @@ export function getButtonStyle(buttonStyle: ButtonStyleType, disabledStyle: Disa`
`54`	`54`	`&.ant-btn-disabled {`
`55`	`55`	`color: ${disabledStyle.disabledText};`
`56`	`56`	`background: ${disabledStyle.disabledBackground};`
	`57`	`+ border-color: ${disabledStyle.disabledBorder};`
`57`	`58`	`cursor: not-allowed;`
`58`	`59`	`}`
`59`	`60`	`}`