Skip to content

design: upstream OctosCode's measured-design lowering (flows, fill/fit, markdown, right anchors, in-slot) #77

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.

Sign up for GitHub

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

Merged
ymote merged 10 commits into from
Oct 6, 2026
Merged

design: upstream OctosCode's measured-design lowering (flows, fill/fit, markdown, right anchors, in-slot) #77

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
10 commits
Select commit Hold shift + click to select a range
966470a
design: lay out row and col stacks as flows
ymote Oct 5, 2026
dea6af2
design: size measured nodes with fill and fit flags
ymote Oct 5, 2026
d1af614
design: end a filled single-line label in an ellipsis
ymote Oct 5, 2026
bc05c5e
kit-host: clear the beauty-host window to white
ymote Oct 5, 2026
af0572f
design: lower markdown text to a Markdown flow with inline-code chips
ymote Oct 5, 2026
551ab12
design: anchor alignx 1 nodes to their parent's right edge
ymote Oct 5, 2026
0453f5e
design: place fill-width text and stacks with a wrapper
ymote Oct 5, 2026
d265e66
node, render, design: add padright, an inset from the parent's right …
ymote Oct 5, 2026
b48b4be
design: add to_makepad_ui_in_slot for trees mounted in a slot
ymote Oct 5, 2026
a9a9e18
design: cap the line spacing of wrapping text only when asked
ymote Oct 5, 2026
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
4 changes: 4 additions & 0 deletions apps/kit-host/src/beauty.rs
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -17,6 +17,10 @@ script_mod! {
main_window := Window {
show_caption_bar: false
window.inner_size: vec2(393, 852)
// Measured designs are drawn on a white artboard. Without this
// the window clears to the theme's app background, and a
// component with no fill of its own previews on that grey.
pass +: { clear_color: #fff }
body +: {
flow: Overlay
host := Splash { width: Fill height: Fill }
Expand Down
Loading