Skip to content

Conversation

@nielslyngsoe
Copy link
Member

@nielslyngsoe nielslyngsoe commented Nov 14, 2025

Fixes #18983

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

Copilot AI review requested due to automatic review settings November 14, 2025 09:28
@nielslyngsoe nielslyngsoe enabled auto-merge (squash) November 14, 2025 09:28
Copilot finished reviewing on behalf of nielslyngsoe November 14, 2025 09:29
Copy link
Contributor

Copilot AI left a 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-size to 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

@engijlr
Copy link
Contributor

engijlr commented Nov 17, 2025

Everything looks good with the container queries! 👍
While testing, I noticed something unrelated to your changes: when the container query kicks in, in the content type design, the property editor name gets cut off if it has extra tags like the mandatory indicator. Should we fix this in this PR, or would you prefer a separate issue since it's not related to the goal of the container query update?

Screenshot 2025-11-16 at 20 06 13

Copy link
Contributor

@madsrasmussen madsrasmussen left a 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

@nielslyngsoe nielslyngsoe merged commit 488f373 into main Nov 21, 2025
28 checks passed
@nielslyngsoe nielslyngsoe deleted the v17/feature/property-container-queries branch November 21, 2025 12:10
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Block List Split-View Requires Ultra-Wide Screen in Umbraco 15

4 participants