Skip to content

Optimize Operator WebUI layout, spacing and drag/resize UX - #3327

Merged
rmuthiah merged 1 commit into
google:mainfrom
minut1bc:optimize-webui-view-pane
Oct 23, 2026
Merged

rmuthiah merged 1 commit into
google:mainfrom
minut1bc:optimize-webui-view-pane

Conversation

@minut1bc

@minut1bc minut1bc commented Oct 9, 2026

Copy link
Copy Markdown
Member

Remove empty vertical space below device UI by updating totalHorizontalSpacing to count all horizontal elements widths.

Fix resizing getting stuck when entering the device UI by disabling pointer-events on inner iframes while resizing.

Fix overflow on ktd-grid from margin by setting width to auto.

Fix resizing border drifting at larger device UI sizes by setting a fixed padding. This also simplifies computing totalHorizontalSpacing.

Prevent device UI close (X) button drifting at larger UI sizes by setting a fixed position relative to its parent.

Add cursor grab and grabbing styling when hovering over the device UI top bar, and when dragging it.

Bug: 571863643
Test: Verified phone (portrait) and tablet (landscape) UI, resized
device UI, verified resizing does not freeze, dragged devices from the
top bar

@adelva1984
adelva1984 requested a review from 0405ysj October 20, 2026 17:34
@adelva1984
adelva1984 force-pushed the optimize-webui-view-pane branch from 1d366d5 to 4905cae Compare October 20, 2026 17:35
@adelva1984
adelva1984 enabled auto-merge October 20, 2026 17:35
@0405ysj
0405ysj requested a review from k311093 October 21, 2026 00:57
@0405ysj 0405ysj assigned k311093 and unassigned 0405ysj Oct 21, 2026
@0405ysj
0405ysj removed their request for review October 21, 2026 00:58
@0405ysj

0405ysj commented Oct 21, 2026

Copy link
Copy Markdown
Collaborator

Reassigned to @k311093 who has detailed sight around webui layout.

@k311093
k311093 force-pushed the optimize-webui-view-pane branch from 4905cae to 0a67380 Compare October 21, 2026 05:54
@k311093 k311093 added the kokoro:run Run e2e tests. label Oct 21, 2026
@GoogleCuttlefishTesterBot GoogleCuttlefishTesterBot removed the kokoro:run Run e2e tests. label Oct 21, 2026
Remove empty vertical space below device UI by updating
totalHorizontalSpacing to count all horizontal elements widths.

Fix resizing getting stuck when entering the device UI by disabling
pointer-events on inner iframes while resizing.

Fix overflow on ktd-grid from margin by setting width to auto.

Fix resizing border drifting at larger device UI sizes by setting a
fixed padding. This also simplifies computing totalHorizontalSpacing.

Prevent device UI close (X) button drifting at larger UI sizes by
setting a fixed position relative to its parent.

Add cursor grab and grabbing styling when hovering over the device UI
top bar, and when dragging it.

Bug: 571863643
Test: Verified phone (portrait) and tablet (landscape) UI, resized
  device UI, verified resizing does not freeze, dragged devices from the
  top bar
@adelva1984
adelva1984 force-pushed the optimize-webui-view-pane branch from 0a67380 to c44bb37 Compare October 21, 2026 18:07
@k311093

k311093 commented Oct 22, 2026

Copy link
Copy Markdown
Collaborator

Thanks for the contribution! Looks good to me.

@rmuthiah
rmuthiah disabled auto-merge October 23, 2026 00:09
@rmuthiah
rmuthiah added this pull request to the merge queue Oct 23, 2026
Merged via the queue into google:main with commit a177fad Oct 23, 2026
62 checks passed
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.

5 participants