Skip to content

[Feat]: #1466 Add disabled/placeholder styles for the main components #1815

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
merged 12 commits into from
Jul 1, 2025
Merged

[Feat]: #1466 Add disabled/placeholder styles for the main components #1815

Show file tree
Hide file tree
Changes from 1 commit
Commits
Show all changes
12 commits
Select commit Hold shift + click to select a range
4cc299e
fix linter errrors
iamfaran Jun 26, 2025
2e0ec40
add button disabled styles
iamfaran Jun 26, 2025
ede27eb
add disabled styles for togglebtn
iamfaran Jun 26, 2025
59452d2
make a seperate section for disabled
iamfaran Jun 26, 2025
864a887
add disabled styles for toggled button
iamfaran Jun 26, 2025
56e71f6
add disabled input styles
iamfaran Jun 26, 2025
9ad28bb
remove border styles from disables
iamfaran Jun 26, 2025
3f516ab
add disable styles slider
iamfaran Jun 26, 2025
c9a8de4
add disabled styles on range slider fix
iamfaran Jun 26, 2025
c9cdee7
add placeholder styling for input
iamfaran Jun 26, 2025
54cc9b9
[Fix]: #1466 add disabled styles for the components / refactor
iamfaran Jun 27, 2025
b366ecb
[Fix]: #1466 add disabled/placeholder style for components
iamfaran Jun 27, 2025
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Next Next commit
fix linter errrors
  • Loading branch information
@iamfaran
iamfaran committed Jun 26, 2025
commit 4cc299e4c9944f0529693136ad5e5a72b3548fe1
16 changes: 9 additions & 7 deletions client/packages/lowcoder/src/comps/comps/buttonComp/buttonCompConstants.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -73,13 +73,15 @@ 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.$disabled
? `
cursor: not-allowed;
button:disabled {
pointer-events: none;
}
`
: ""
}
`;

/**
Expand Down
2 changes: 1 addition & 1 deletion client/packages/lowcoder/src/comps/controls/styleControlConstants.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -961,7 +961,7 @@ function replaceAndMergeMultipleStyles(

export const ButtonStyle = [
getBackground('primary'),
...STYLING_FIELDS_SEQUENCE.filter(style=>style.name!=='lineHeight'),
...STYLING_FIELDS_SEQUENCE,
] as const;

export const DropdownStyle = [
Expand Down