d0d3f80291
Handles the edge case where images in the Install steps can obscure the text below them at certain window dimensions. In most cases, it's not possible to replicate this behavior due to minimum dimension settings in `chromium.js`. However, some window managers (such as i3) can ignore those settings, producing this bug. This fix introduces a flexible, responsive layout to the Install steps, with the goal of keeping the action buttons in a consistent position while adapting the rest of the content to the remaining available space. The result is a clean, usable screen at any window size. In the rare instance that a window's dimensions are less than that of the minimums set in `chromium.js`, scrollbars will appear to keep the smallest acceptable layout intact. Potential side effects: - Each `.step` element contains an`.inner` flexbox wrapper, which arranges its children in a column. The layout works best when each `flex-item` is an element that wraps the content inside of it. I think I accounted for all the possibilities on the Install screen, but any future `.step` items might want to keep that pattern in mind. Resolves #1059 FREEBIE |
||
---|---|---|
.. | ||
_android.scss | ||
_conversation.scss | ||
_debugLog.scss | ||
_emoji.scss | ||
_global.scss | ||
_hourglass.scss | ||
_index.scss | ||
_intlTelInput.scss | ||
_ios.scss | ||
_lightbox.scss | ||
_mixins.scss | ||
_modal.scss | ||
_recorder.scss | ||
_settings.scss | ||
_variables.scss | ||
android-dark.scss | ||
manifest.css | ||
manifest.scss | ||
options.css | ||
options.scss | ||
progress.scss |