bevy-website icon indicating copy to clipboard operation
bevy-website copied to clipboard

Add fullscreen button to examples

Open laundmo opened this issue 2 months ago • 2 comments

Sometimes, especially on smaller screens, it can be useful to Fullscreen an example to view it properly. This PR adds a simple Fullscreen button to the examples.

image

I've deliberately decided against making it hover over the example in a corner, as that would cover parts of the example and potentially interfere with UI placed in the same location.

I've made the icon myself, using https://graphite.rs. Should I also add the project file, as it allows parametric control to adjust the icon?

laundmo avatar Oct 01 '25 16:10 laundmo

I think we can omit the project file

Fair enough. I mostly used the chance to play around with graphite.rs - very cool, if a few rough corners.

laundmo avatar Oct 01 '25 18:10 laundmo

Oh and a third thing that just crossed my mind, we should have the cursor be a pointer over the button to enter full screen. https://developer.mozilla.org/en-US/docs/Web/CSS/cursor

TrialDragon avatar Oct 02 '25 03:10 TrialDragon