Zooming Controls and Loading Order

Beta
#1

Hi @alexander!

This is yet another huge and important step forward! Fantastic job!

I will test it more thoroughly. Here are my initial thoughts.

1.
Right now, it appears that the zoom feature can only be adjusted numerically? To change the zoom, would it be possible to click some arrows or drag over an area? A 100% view is important on the largest screen size, but it seems that the default is to make it fit, so for me, a 15-inch display is showing it at 96.5%. I see that I will have to keep entering 100%, which seems to be a tedious task.

Would it be possible to have two double-click areas: one for 100% zoom, and the other to fit the screen?

2.
I am not sure if I understood the loading order correctly. As I see it, the important thing is to give Theme options and Element CSS the highest priority, since they are inline CSS that should load with the document to render above-the-fold portions immediately. Perhaps it is this way, but just in case. :slight_smile:

Again, great work!

#2

Hey @Misho,

Thanks for trying it out!

  1. Definitely good points here. If you’re using the bar horizontally, we move the width/scale controls into the bar so less covers the screen. We considered adding some actions to reset the scale or “auto fit” but it’s getting pretty crowded up there. We’ll keep this in mind for sure.

  2. In regards to the load order, everything is added in the <head> so it takes place above the fold. More simplified, styles are added like this:

    • Static CSS file
    • Generated CSS (including Theme Options and Elements)
    • Anything custom

The static styles setup a basic architecture, which is built on by the generated CSS. Finally, any custom CSS is applied as an override to the layers above.

Thanks again for testing, and I’m definitely looking forward to hearing your thoughts as you continue playing around with it!