I should see as much of the frontend as possible when editing esp on mobile (get rid of extra header)

[djay]

Problem

There are things about volto currently that make it hard to edit on mobile. But in general the volto and quanta UI is designed to be minimal so to make the UI works on mobile also. We should not get in the way of this by adding more things to the UI

Proposed solution

no additional toolbar or breadcrumbs

While it is nice having both the breadcrumbs and the frontend url on screen, in reality the frontend will most likely have it's own breadcrumbs so it's just wasting space. You can also ways use contents or the browser url bar to help see where you are. So I think going back to the quanta design of the frontend taking up 100% of the same and no new bar is better.

• change the env variable to it allows more than one preset frontend to make it easier to pick  #62

• Add "frontend" under "preferences" which lets you pick from one of many frontends pre-registered or type-in your own URL.  #89
  

• We should get rid of all the borders so iframe takes up the full center space
  

• remove the breadcrumbs

• put in breadcrumbs and basic subnav into demo frontend

Quanta toolbar

Other issues around being able to add and delete blocks on mobile should largely be solved by the quanta toolbar.
But need to ensure this toolbar goes on the bottom on mobile during edit, and the quantatoolbar goes to the top

1	2	3

[MAX-786]

I think we can put the ability to change the frontend in the persoanl preferences menu

this may not be our first requirement to do so but for now I think we can make it collapse-able, like at the top and have an arrow to expand it again.

[MAX-786]

We should get rid of all the borders so iframe takes up the full center space

It is the same width as the Form.jsx of the Volto, meaning volto have this too, so are we okay with changing it? bcz then it would be very cluttering. I can give it a try and see how it looks.

[djay]

You aren't comparing the same things. Form is just dealing with how volto renders content. A frontend is fully responible for rendering the whole page. If we want the IFrame to appear invisible and editing experience to be like volto then we need there to be nothing added to this middle section I think.

[MAX-786]

put in breadcrumbs and basic subnav into demo frontend

Done by MAX-786/hydra-nextjs-frontend#2