browser window resize - header area logo, text elements out of place/cut off

[gerbrent]

Summary

When resizing the viewport to between ~900-991px wide, the header assets - Nextcloud logo, text, login/register buttons - get displaced and cut off, either above or below the designated header area.

Please provide the following details for error reports from https://apps.nextcloud.com/. Ignore in case of a feature request.

Details

• Browser and browser version:
  Firefox 119.0

JavaScript Console Output

If unsure see http://webmasters.stackexchange.com/questions/8525/how-to-open-the-javascript-console-in-different-browsers?answertab=votes#tab-top

This page uses the non standard property “zoom”. Consider using calc() in the relevant property values, or using “transform” along with “transform-origin: 0 0”. [apps.nextcloud.com](https://apps.nextcloud.com/)

InstallTrigger is deprecated and will be removed in the future. [constants.js:50:14](moz-extension://716b8585-0c8e-4535-9f1c-6acdc0d73e10/constants.js)

Content-Security-Policy: The page’s settings blocked the loading of a resource at inline (“script-src”). [contentScriptOnStart.bundle.js:1:10381](moz-extension://f0b065df-4ed7-4d85-9271-867776f310df/js/contentScriptOnStart.bundle.js)

Content-Security-Policy: The page’s settings blocked the loading of a resource at inline (“script-src”). 2 [content-script.js:40:65](moz-extension://716b8585-0c8e-4535-9f1c-6acdc0d73e10/content-script.js)

Steps to reproduce

1. resize the browser window to less than 991px / more than 901px
2. the header bar will snap to a new layout, but the text and logo elements are incorrectly laid out.