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

Peertube theme: hide avatars when width<576px.

Browse Source
This commit is contained in:
John Livingston 2021-11-17 11:34:01 +01:00
parent b593d4fc76
commit d5b212712b
No known key found for this signature in database
GPG Key ID: B17B5640CE66CDBC
2 changed files with 16 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
conversejs/custom/sass/_peertubetheme.scss Normal file
View File

@ -0,0 +1,14 @@
#conversejs.theme-peertube {
// hidding avatars when screen width is not big enough.
@media screen and (max-width: 576px) {
.message {
.chat-msg__content {
width: 100%;
}
.chat-msg__avatar {
display: none;
}
}
}
}

2
conversejs/custom/sass/livechat.scss
View File

@ -1,5 +1,6 @@
@import "./variables"; @import "./variables";
@import "sass/converse"; @import "sass/converse";
@import "./peertubetheme";
body.livechat-iframe #conversejs .chat-head { body.livechat-iframe #conversejs .chat-head {
// Hidding the chat-head when the plugin is displayed in an iframe. // Hidding the chat-head when the plugin is displayed in an iframe.
@ -7,6 +8,7 @@ body.livechat-iframe #conversejs .chat-head {
} }
#conversejs-bg { #conversejs-bg {
// We are using a custom template that differs from the original, this is required.
.converse-brand__heading { .converse-brand__heading {
img { img {
margin-top: 0.3em; margin-top: 0.3em;