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

Fixes #1757

Browse Source 
- Increase z-index for chatbox flyouts so that they appear above the controlbox
- Also fix a margin offset bug for the controlbox (in smaller viewports)
This commit is contained in:
JC Brand 2019-10-29 11:34:22 +01:00
parent 9934fa7191
commit acf14cf8cb
3 changed files with 5 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
CHANGES.md
View File

@ -6,6 +6,7 @@
- #1089: When filtering the roster for `online` users, show all non-offline users. - #1089: When filtering the roster for `online` users, show all non-offline users.
- #1691: Fix `collection.chatbox is undefined` errors - #1691: Fix `collection.chatbox is undefined` errors
- #1733: New message notifications for a minimized chat stack on top of each other - #1733: New message notifications for a minimized chat stack on top of each other
- #1757: Chats are hidden behind the controlbox on mobile
- Prevent editing of sent file uploads. - Prevent editing of sent file uploads.
- Initial support for sending custom emojis. Currently only between Converse - Initial support for sending custom emojis. Currently only between Converse
instances. Still working out a wire protocol for compatibility with other clients. instances. Still working out a wire protocol for compatibility with other clients.

2
sass/_chatbox.scss
View File

@ -127,7 +127,7 @@
justify-content: space-between; justify-content: space-between;
background-color: var(--chat-head-color); background-color: var(--chat-head-color);
box-shadow: 1px 3px 5px 3px rgba(0, 0, 0, 0.4); box-shadow: 1px 3px 5px 3px rgba(0, 0, 0, 0.4);
z-index: 1; z-index: 2;
overflow-y: hidden; overflow-y: hidden;
width: 100%; width: 100%;

6
sass/_controlbox.scss
View File

@ -291,9 +291,9 @@
} }
.controlbox-panes { .controlbox-panes {
background-color: var(--controlbox-pane-background-color);
height: 100%; height: 100%;
overflow-y: auto; overflow-y: auto;
background-color: var(--controlbox-pane-background-color);
} }
.controlbox-subtitle { .controlbox-subtitle {
@ -571,8 +571,7 @@
.chatbox { .chatbox {
.box-flyout { .box-flyout {
margin-left: 15px; // Counteracts Bootstrap margins, but margin-left: 15px; // Counteracts Bootstrap margins, but not clear why needed...
// not clear why needed...
left: 0; left: 0;
bottom: 0; bottom: 0;
border-radius: 0; border-radius: 0;
@ -586,6 +585,7 @@
.box-flyout { .box-flyout {
width: 100vw !important; width: 100vw !important;
height: 100vh !important; height: 100vh !important;
margin-right: -15px;
} }
.sidebar { .sidebar {
display: block; display: block;