diff options
author | Marco Ambrosini <marcoambrosini@pm.me> | 2019-07-04 10:46:26 +0300 |
---|---|---|
committer | Daniel Calviño Sánchez <danxuliu@gmail.com> | 2019-09-05 16:46:54 +0300 |
commit | 0ba582b8cd3fca6c6ff0bcd131286b414c441695 (patch) | |
tree | 8f75a8c4360c4a621feb8835af040f2ff74690db /css | |
parent | 05768f1fb5845cdbb78c5dd8b42fd9fb7f7f4817 (diff) |
Prevent chat from being compressed in narrow screens
When the sidebar is shown the app content is compressed to make room for
the sidebar. In narrow screens (and specially in very narrow screens)
this broke the appearance of the app content (unreadable chat, unusable
call view), so now the app content is forced to keep the full viewport
width on narrow screens; this causes the sidebar to slide over the app
content instead of compressing it.
Signed-off-by: Marco Ambrosini <marcoambrosini@pm.me>
Diffstat (limited to 'css')
-rw-r--r-- | css/style.scss | 7 |
1 files changed, 7 insertions, 0 deletions
diff --git a/css/style.scss b/css/style.scss index 299b04b50..41830eedb 100644 --- a/css/style.scss +++ b/css/style.scss @@ -53,6 +53,13 @@ overflow: hidden; flex-grow: 1; + + @media (max-width: $breakpoint-mobile) { + /* In narrow screens force the app content width to the full viewport + * width to prevent the app content from being compressed when the + * sidebar is shown. */ + width: 100vw; + } } .contactsmenu-popover li > a > img { |