Fixes #1757
- 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:
parent
9934fa7191
commit
acf14cf8cb
|
@ -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.
|
||||||
|
|
|
@ -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%;
|
||||||
|
|
||||||
|
|
|
@ -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;
|
||||||
|
|
Loading…
Reference in New Issue
Block a user