peertube-plugin-livechat/assets/styles/video/_container.scss

47 lines
1.4 KiB
SCSS
Raw Normal View History

2024-06-14 15:31:35 +00:00
/*
* SPDX-FileCopyrightText: 2024 John Livingston <https://www.john-livingston.fr/>
*
* SPDX-License-Identifier: AGPL-3.0-only
*/
#peertube-plugin-livechat-container {
display: flex;
flex-direction: column;
height: 100%;
// Bigger occupants sidebar when embedded near a video.
.chatroom .box-flyout .chatroom-body .occupants {
min-width: min(200px, 50%);
}
}
/* Note: livechat-viewer-mode-content (the form where anonymous users can
choose nickname or log in with external account), can be something like
~180px height (at time of writing).
We must ensure that the px height limit for converse-muc and converse-root is
2024-06-14 15:31:35 +00:00
always higher than livechat-viewer-mode-content max size.
Note: We also must ensure that when the user has choosen its nickname, and there is an
ongoing poll, the user can see the chat when the poll is folded.
2024-06-14 15:31:35 +00:00
*/
#peertube-plugin-livechat-container converse-root {
display: block;
border: 1px solid black;
min-height: max(30vh, 300px); // Always at least 200px, and ideally at least 30% of viewport.
2024-06-14 15:31:35 +00:00
height: 100%;
converse-muc {
min-height: max(30vh, 300px);
}
@media screen and (orientation: portrait) and (max-width: 767px) {
/* On small screen, and when portrait mode, we are givint the chat more vertical space.
It should go under the video.
*/
min-height: max(50vh, 300px);
converse-muc {
min-height: max(50vh, 300px);
}
2024-06-14 15:31:35 +00:00
}
}