You cannot select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
session-desktop/stylesheets
Jon Long d0d3f80291 Improve Responsiveness on Install Screen
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
8 years ago
..
_android.scss Added a dark theme 8 years ago
_conversation.scss Fix key change advisory style in dark theme 8 years ago
_debugLog.scss Make contact sync button quieter 9 years ago
_emoji.scss Upgrade emoji support and switch to apple emoji 9 years ago
_global.scss Add text-security css class 8 years ago
_hourglass.scss Use timeout-based animation for hourglasses 9 years ago
_index.scss Add frontend for safety numbers approval setting 9 years ago
_intlTelInput.scss Create install flow 10 years ago
_ios.scss Moving the error badge to the right corner in ios theme 8 years ago
_lightbox.scss Fix _lightbox.scss 9 years ago
_mixins.scss Darken material colors in dark theme 8 years ago
_modal.scss Add frontend for safety numbers approval setting 9 years ago
_recorder.scss Fix size of microphone icon 9 years ago
_settings.scss Add frontend for safety numbers approval setting 9 years ago
_variables.scss Darken material colors in dark theme 8 years ago
android-dark.scss Changed debug log color in dark theme 8 years ago
manifest.css Add text-security css class 8 years ago
manifest.scss Added a dark theme 8 years ago
options.css Improve Responsiveness on Install Screen 8 years ago
options.scss Improve Responsiveness on Install Screen 8 years ago
progress.scss Replace message list loading spinner with bar 9 years ago