Chapril/xmpp.chapril.org-conversejs
Chapril/xmpp.chapril.org-conversejs
24
0
Fork 0
Code Issues Pull Requests Projects Releases Activity

iOS viewport was less than 100vh so had to redefine vh units

Browse Source 
fixes #1571
This commit is contained in:
supun19 2019-05-14 17:46:16 +05:30 committed by JC Brand
parent ceb9d12957
commit d1572f3506
3 changed files with 10 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
CHANGES.md
View File

@ -20,6 +20,7 @@
- #1550: Legitimate carbons being blocked due to erroneous forgery check - #1550: Legitimate carbons being blocked due to erroneous forgery check
- #1554: Room auto-configuration broke if the config form contained fields with type `fixed` - #1554: Room auto-configuration broke if the config form contained fields with type `fixed`
- #1558: `this.get` is not a function error when `forward_messages` is set to `true`. - #1558: `this.get` is not a function error when `forward_messages` is set to `true`.
- #1572: In `fullscreen` view mode the top is cut off on iOS
- **Breaking changes**: - **Breaking changes**:
- Rename `muc_disable_moderator_commands` to [muc_disable_slash_commands](https://conversejs.org/docs/html/configuration.html#muc-disable-slash-commands). - Rename `muc_disable_moderator_commands` to [muc_disable_slash_commands](https://conversejs.org/docs/html/configuration.html#muc-disable-slash-commands).

2
sass/_variables.scss
View File

@ -160,7 +160,7 @@ $mobile_portrait_length: 480px !default;
--avatar-background-color: white; --avatar-background-color: white;
--fullpage-chat-head-height: 62px; --fullpage-chat-head-height: 62px;
--fullpage-chat-height: 100vh; --fullpage-chat-height: calc(var(--vh, 1vh) * 100);
--fullpage-chat-width: 100%; --fullpage-chat-width: 100%;
--fullpage-emoji-picker-height: 200px; --fullpage-emoji-picker-height: 200px;
--fullpage-max-chat-textarea-height: 15em; --fullpage-max-chat-textarea-height: 15em;

8
src/converse-chatboxviews.js
View File

@ -163,6 +163,14 @@ converse.plugins.add('converse-chatboxviews', {
}); });
_converse.api.listen.on('clearSession', () => _converse.chatboxviews.closeAllChatBoxes()); _converse.api.listen.on('clearSession', () => _converse.chatboxviews.closeAllChatBoxes());
function calculateViewportHeightUnit () {
const vh = window.innerHeight * 0.01;
document.documentElement.style.setProperty('--vh', `${vh}px`);
}
_converse.api.listen.on('chatBoxViewsInitialized', () => calculateViewportHeightUnit());
window.addEventListener('resize', () => calculateViewportHeightUnit());
/************************ END Event Handlers ************************/ /************************ END Event Handlers ************************/
} }
}); });