search

slint-ui / slint

Slint is a declarative GUI toolkit to build native user interfaces for Rust, C++, or JavaScript apps.
https://slint.dev
Other
16.93k stars 568 forks source link

Website: Breakpoints inline example looks broken on Windows/Chrome #3035

Closed anderslanglands closed 1 year ago

anderslanglands commented 1 year ago

Looking through https://slint.dev/releases/1.1.0/docs/slint/src/recipes/recipes - the last recipe, "Breakpoints for Responsive User Interfaces" looks very broken for me on Windows 11 using latest Chrome:

image

ogoffart commented 1 year ago

that example indeed doesn't play well with the preview, as there is no way to resize.

We should probably disable the preview for that example. @FloVanGH , what do you think?

(we could also try to put a Splitter)

FloVanGH commented 1 year ago

Yes a splitter could help. I will check what I can do.

ogoffart commented 1 year ago

The splitter helps, but the preview is still way to big:

https://slint.dev/snapshots/master/docs/slint/src/recipes/recipes#breakpoints-for-responsive-user-interfaces

We need to reduce the size of the preview, or disable the auto-loading of the preview for this

Note @FloVanGH , if you use safary the preview might not load automatically, you can try other browser and see that it still looks like the screenshot above.

tronical commented 1 year ago

https://github.com/slint-ui/slint/pull/3408 fixes this