Adaptive GNOME Web

mobile

I started working on making GNOME Web work well on the Librem 5; to be sure it fits a phone’s screen I want the windows to fit in a 360 points width, which is definitely small. To do so I started with the advices from Tobias Bernard to make Web have two modes that I named normal and narrow. The normal mode is Web as you know it, while the narrow mode moves all buttons from the header bar but the hamburger menu to a new action bar at the bottom, letting the windows reach yet unreachable widths.

Web autmatically adapting to small sizes.

Web autmatically adapting to small sizes.

The code is overall ready, I still need to break it into reviewable bits before submitting it upstream.

Once this get merged:

  • we want to not show tabs in narrow mode and instead to display a popover listing the available pages,
  • we want to make the search bar shrink rather than to limit the minimum window size,
  • we consider migrating away from the application menu model.

A quick layout test of the pages popover.

P.S.: I forgot to give you a link to the unfinished code for you to play with. 😀