matty/peertube-plugin-livechat
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Some styling and html fixes.

Browse Source
This commit is contained in:
John Livingston
2024-04-02 17:40:43 +02:00
parent 612a9f622d
commit 610040b253
9 changed files with 40 additions and 29 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
conversejs/custom/shared/styles/_peertubetheme.scss
View File

@ -148,6 +148,7 @@
}
// hidding avatars when screen width is not big enough.
// FIXME: how to apply this when the chat is beside video without iframe? (2024-04-02)
@media screen and (max-width: 250px) {
.message {
&.chat-msg {
@ -176,14 +177,8 @@
// Bigger occupants sidebar when width is not big enough.
@media screen and (max-width: 576px) {
.chatroom {
.box-flyout {
.chatroom-body {
.occupants {
min-width: 50%;
}
}
}
.chatroom .box-flyout .chatroom-body .occupants {
min-width: 50%;
}
}
}

8
conversejs/custom/shared/styles/livechat.scss
View File

@ -2,8 +2,8 @@
@import "shared/styles/index";
@import "./peertubetheme";
peertube-plugin-livechat-container,
body.livechat-iframe {
body.livechat-iframe,
#peertube-plugin-livechat-container {
#conversejs .chat-head {
// Hidding the chat-head when the plugin is displayed in an iframe or besides a video.
display: none;
@ -21,6 +21,7 @@ body.livechat-iframe {
// Readonly mode
body.livechat-readonly #conversejs {
/* stylelint-disable-next-line no-descending-specificity */
.chat-head,
.bottom-panel,
converse-message-actions,
@ -113,7 +114,10 @@ body.converse-embedded {
height: 90vh;
min-height: 400px;
}
}
.livechat-embed-fullpage,
#peertube-plugin-livechat-container {
converse-muc-message-form {
// For an unknown reason, message field in truncated... so adding a bottom margin.
margin-bottom: 6px;