signal-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
2017-04-07 19:35:25 -07:00
..
_android.scss Added a dark theme 2016-12-02 00:41:42 +01:00
_conversation.scss Fix key change advisory style in dark theme 2017-01-25 20:40:24 -08:00
_debugLog.scss Make contact sync button quieter 2016-09-08 12:05:48 -07:00
_emoji.scss Upgrade emoji support and switch to apple emoji 2016-09-01 11:51:53 -07:00
_global.scss Add text-security css class 2017-03-14 15:56:47 -07:00
_hourglass.scss Use timeout-based animation for hourglasses 2016-10-30 16:53:17 +09:00
_index.scss Add frontend for safety numbers approval setting 2016-10-05 19:10:20 +09:00
_intlTelInput.scss Create install flow 2015-11-05 13:29:26 -08:00
_ios.scss Moving the error badge to the right corner in ios theme 2017-02-06 18:42:30 -08:00
_lightbox.scss Fix _lightbox.scss 2016-07-14 10:49:45 -07:00
_mixins.scss Darken material colors in dark theme 2016-12-02 11:51:18 +01:00
_modal.scss Add frontend for safety numbers approval setting 2016-10-05 19:10:20 +09:00
_recorder.scss Fix size of microphone icon 2016-09-03 14:38:22 -07:00
_settings.scss Add frontend for safety numbers approval setting 2016-10-05 19:10:20 +09:00
_variables.scss Darken material colors in dark theme 2016-12-02 11:51:18 +01:00
android-dark.scss Changed debug log color in dark theme 2017-01-25 20:40:24 -08:00
manifest.css Add text-security css class 2017-03-14 15:56:47 -07:00
manifest.scss Added a dark theme 2016-12-02 00:41:42 +01:00
options.css Improve Responsiveness on Install Screen 2017-04-07 19:35:25 -07:00
options.scss Improve Responsiveness on Install Screen 2017-04-07 19:35:25 -07:00
progress.scss Replace message list loading spinner with bar 2016-03-18 17:59:54 -07:00