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

Poll WIP (#231):

Browse Source 
* fix css depending on chat height.
This commit is contained in:
John Livingston
2024-07-04 15:48:22 +02:00
parent 1249f0895d
commit 3665096836
2 changed files with 28 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
conversejs/custom/plugins/size/index.js
View File

@ -43,17 +43,25 @@ function start () {
function stop () {
rootResizeObserver.disconnect()
document.querySelector('converse-root')?.removeAttribute('livechat-converse-root-width')
const root = document.querySelector('converse-root')
if (root) {
root.removeAttribute('livechat-converse-root-width')
root.removeAttribute('livechat-converse-root-height')
}
}
function handle (el) {
const rect = el.getBoundingClientRect()
const height = rect.height > 576 ? 'high' : (rect.height > 250 ? 'medium' : 'small')
const width = rect.width > 576 ? 'large' : (rect.width > 250 ? 'medium' : 'small')
const previous = el.getAttribute('livechat-converse-root-width')
if (width === previous) { return }
const previousHeight = el.getAttribute('livechat-converse-root-height')
const previousWidth = el.getAttribute('livechat-converse-root-width')
if (width === previousWidth && height === previousHeight) { return }
el.setAttribute('livechat-converse-root-width', width)
el.setAttribute('livechat-converse-root-height', height)
api.trigger('livechatSizeChanged', {
height: height,
width: width
})
}