Grid controls design

[lankaukk]

Making some improvements to the visual design of canvas grid controls

• grid gap handles and canvas labels, are orange to match the orange overlay pattern
• grid row/column resize handles are now labels with their width (replacing the <-> arrows)
• grid row/column area names are now inside the highlight overlay when being resized
• grid/row highlight is now a blue pattern instead of pink

[github-actions]

Try me

[relativeci]

#14652 Bundle Size — 57.74MiB (~-0.01%).

f504dbe(current) vs 916e8b9 master#14647(baseline)

Warning

Bundle contains 70 duplicate packages – View duplicate packages

Bundle metrics   2 changes 1 improvement

	Current #14652	Baseline #14647
Initial JS	40.74MiB(~-0.01%)	40.74MiB
Initial CSS	0B	0B
Cache Invalidation	17.97%	17.95%
Chunks	21	21
Assets	23	23
Modules	4113	4113
Duplicate Modules	213	213
Duplicate Code	27.41%	27.41%
Packages	475	475
Duplicate Packages	70	70

Bundle size by type   2 changes 2 improvements

	Current #14652	Baseline #14647
JS	57.73MiB (~-0.01%)	57.73MiB
HTML	7.37KiB (-0.25%)	7.39KiB

Bundle analysis report Branch grid-controls-design Project dashboard

---

^{Generated by RelativeCI Documentation Report issue}