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

Fix emoji picker colors and size.

Browse Source
This commit is contained in:
John Livingston
2024-09-11 12:40:23 +02:00
parent 0b196805b2
commit b66b0aa315
3 changed files with 37 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@ -51,6 +51,10 @@
// Fixing emoji colors for some emoji like «motorcycle»
converse-emoji-picker {
// Must set display block. Without this, Converse defined max-width will not apply.
// Don't really know why it is working in pure ConverseJs and not in livechat.
display: block;
.emoji-picker {
.insert-emoji {
a {
@ -60,13 +64,17 @@
}
.emoji-picker__header {
color: var(--peertube-main-background);
background-color: var(--peertube-main-foreground);
background-color: var(--peertube-main-background);
color: var(--peertube-main-foreground);
.emoji-search {
color: currentcolor;
}
ul {
.emoji-category {
color: var(--peertube-main-background);
background-color: var(--peertube-main-foreground);
background-color: var(--peertube-main-background);
color: var(--peertube-main-foreground);
a {
color: currentcolor;

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

@ -229,3 +229,27 @@ body.converse-embedded {
}
}
}
// When livechat has not many height, must reduce the emoji picker height.
/* stylelint-disable-next-line no-duplicate-selectors */
#conversejs {
&[livechat-converse-root-height="small"] {
converse-emoji-picker {
converse-emoji-picker-content {
.emoji-picker__lists {
height: 2em;
}
}
}
}
&[livechat-converse-root-height="medium"] {
converse-emoji-picker {
converse-emoji-picker-content {
.emoji-picker__lists {
height: 4em;
}
}
}
}
}