Mirror
/
zulip
mirror of https://github.com/zulip/zulip.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

styles: Size full-viewport fixed elements as 100%, not 100vw × 100vh. 

Mobile Chrome includes the height of the address bar in its
calculation of 100vh, which was causing a corresponding part of our
content to be pushed off the bottom of the screen.

Fixes #11324.

Signed-off-by: Anders Kaseorg <anders@zulipchat.com>
This commit is contained in:
Anders Kaseorg 2020-04-23 14:49:51 -07:00 committed by Tim Abbott
parent 30065b4ee8
commit b26a420c7a
3 changed files with 6 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
static/styles/app_components.scss
View File

@ -268,8 +268,8 @@
position: fixed; position: fixed;
top: 0; top: 0;
left: 0; left: 0;
width: 100vw; width: 100%;
height: 100vh; height: 100%;
overflow: auto; overflow: auto;
-webkit-overflow-scrolling: touch; -webkit-overflow-scrolling: touch;

4
static/styles/popovers.scss
View File

@ -296,8 +296,8 @@ ul {
top: 0px !important; top: 0px !important;
left: 0px !important; left: 0px !important;
margin: 0 !important; margin: 0 !important;
width: 100vw; width: 100%;
height: 100vh; height: 100%;
background-color: hsla(0, 0%, 0%, 0.7); background-color: hsla(0, 0%, 0%, 0.7);
border-radius: 0px; border-radius: 0px;

4
static/styles/subscriptions.scss
View File

@ -362,8 +362,8 @@ form#add_new_subscription {
position: fixed; position: fixed;
top: 0; top: 0;
left: 0; left: 0;
width: 100vw; width: 100%;
height: 100vh; height: 100%;
background-color: hsla(0, 0%, 8%, 0.7); background-color: hsla(0, 0%, 8%, 0.7);
color: hsl(0, 0%, 27%); color: hsl(0, 0%, 27%);
} }