-
Notifications
You must be signed in to change notification settings - Fork 2.8k
Properties: Implement container queries #20832
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.
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
Conversation
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Pull Request Overview
This PR implements container queries for the property layout system to enable responsive behavior. Properties will automatically switch to a vertical layout when less than 700px of horizontal space is available, improving the user experience on smaller screens or narrow containers.
- Enables container queries by adding
container-type: inline-sizeto property layouts - Updates breakpoint threshold from 600px to 700px across property layout components
- Uncomments previously disabled container query CSS rules to activate responsive behavior
Reviewed Changes
Copilot reviewed 2 out of 2 changed files in this pull request and generated 1 comment.
| File | Description |
|---|---|
| property-layout.element.ts | Adds container-type declaration and uncomments container query rules with 700px breakpoint |
| content-type-design-editor-property.element.ts | Updates container query breakpoint from 600px to 700px for consistency |
...b.UI.Client/src/packages/core/property/components/property-layout/property-layout.element.ts
Outdated
Show resolved
Hide resolved
…s/property-layout/property-layout.element.ts Co-authored-by: Copilot <175728472+Copilot@users.noreply.github.com>
madsrasmussen
left a comment
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Great! It works as expected

Fixes #18983
Implement container queries, so properties go into 'vertical layout' when there is less than 700px available for them.