Skip to content

Add clipping to CenterWidgetGroup rectangle#3491

Open
khuza08 wants to merge 1 commit into
end-4:mainfrom
khuza08:main
Open

Add clipping to CenterWidgetGroup rectangle#3491
khuza08 wants to merge 1 commit into
end-4:mainfrom
khuza08:main

Conversation

@khuza08

@khuza08 khuza08 commented Jun 26, 2026

Copy link
Copy Markdown

when scale is set above 1 (e.g. 1.2, 1.33, 1.5) and the bottom widget group (calendar/todo/timer) is expanded, the notification area gets squeezed, causing PagePlaceholder "Nothing" icon and text overflow outside CenterWidgetGroup bounds and render on top of the toggles and calendar, sorry bad english.

Comparison

Before After
image image

Describe your changes

Add clip: true to the CenterWidgetGroup Rectangle.

  Rectangle {
      id: root
+     clip: true
      radius: Appearance.rounding.normal
      color: Appearance.colors.colLayer1

Is it ready? Questions/feedback needed?

yes, its simple fix

@nirmaladvani

nirmaladvani commented Jun 27, 2026

Copy link
Copy Markdown

Finally, someone tried fixing it. However, it still a mess with your fix.
screenshot-2026-06-27_10 07 01

- Add clip: true to CenterWidgetGroup to prevent overflow bleed
- Replace ColumnLayout pair with anchor-based container so center
  smoothly fades out while bottom calendar grows to fill the space
- Expose collapsedHeight on BottomWidgetGroup for clean height binding
- Eliminates instant layout jumps (Layout.fillHeight) that caused
  a flash at screen scales > 1x
@khuza08

khuza08 commented Jun 27, 2026

Copy link
Copy Markdown
Author

Finally, someone tried fixing it. However, it still a mess with your fix. >

if you want to hide the the center group when calendar is expanded, please try my new commit

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants