I think it would be a good idea to implement an auto-hiding feature for the header. Most of the spaced used taken up by it is unused and it occupies important vertical real estate. Many of the users are running these on small laptops. Low resolution 13-inch screens are quite painful to work with. I had a user send me a screenshot of a broken LearnRoadRunner modal and the cause of the issue was that his page was 700 pixels tall. The Chrome tabs + bookmarks bar takes up a considerable amount of space.
I am not quite sure on how the design should be implemented. I do not like headers that cause an entire page layout shift. These perform especially poorly on lower end devices. This would be worse for the drag-and-drop grid layout.
Perhaps a floating indicator for the layout selector and wifi indicator would be apt.
Design ideas would be appreciated :)
I think it would be a good idea to implement an auto-hiding feature for the header. Most of the spaced used taken up by it is unused and it occupies important vertical real estate. Many of the users are running these on small laptops. Low resolution 13-inch screens are quite painful to work with. I had a user send me a screenshot of a broken LearnRoadRunner modal and the cause of the issue was that his page was 700 pixels tall. The Chrome tabs + bookmarks bar takes up a considerable amount of space.
I am not quite sure on how the design should be implemented. I do not like headers that cause an entire page layout shift. These perform especially poorly on lower end devices. This would be worse for the drag-and-drop grid layout. Perhaps a floating indicator for the layout selector and wifi indicator would be apt. Design ideas would be appreciated :)