Page MenuHomePhabricator

FormationView could do more Javascript magic around device layouts and header elements
Open, LowPublic

Description

Previously, see T13516.

The "FormationView" element hard-codes the header height and hard-codes knowledge of the "buoyant" header. It does not know about the height of DarkConsole, so it glitches when DarkConsole is open. There should be some general-purpose mechanism for UI elements to reserve slices of the document or viewport, so "FormationView" can make a generic determination about the layout height available for it.

In a "FormationView", the content panel does not drop to tablet/phone layout until the entire viewport crosses below the layout threshold. Content subsections should be able to swap layout based on content width, not viewport width.

This should be separated from other device concerns. For example, .device-desktop .something-something:hover is often used to prevent weird interactions on touch devices.