diff --git a/src/assets/css/root.styl b/src/assets/css/root.styl index d84110e..f6daa1a 100644 --- a/src/assets/css/root.styl +++ b/src/assets/css/root.styl @@ -105,6 +105,10 @@ div[class^=HUDButton-module__hiddenContainer] ~ div:not([class^=HUDButton-module font-family: var(--bx-promptfont-font); } +.bx-line-through { + text-decoration: line-through +} + select[multiple] { overflow: auto; } diff --git a/src/modules/stream-player.ts b/src/modules/stream-player.ts index 3efd139..f71da02 100644 --- a/src/modules/stream-player.ts +++ b/src/modules/stream-player.ts @@ -68,7 +68,7 @@ export class StreamPlayer { const filters = []; const sharpness = this.#options.sharpness || 0; - if (sharpness != 0) { + if (this.#options.processing === StreamVideoProcessing.USM && sharpness != 0) { const level = (7 - ((sharpness / 2) - 1) * 0.5).toFixed(1); // 5, 5.5, 6, 6.5, 7 const matrix = `0 -1 0 -1 ${level} -1 0 -1 0`; this.#$usmMatrix?.setAttributeNS(null, 'kernelMatrix', matrix); diff --git a/src/modules/stream/stream-settings.ts b/src/modules/stream/stream-settings.ts index 78e1db9..dd6fca8 100644 --- a/src/modules/stream/stream-settings.ts +++ b/src/modules/stream/stream-settings.ts @@ -689,5 +689,8 @@ export class StreamSettings { document.documentElement.appendChild($overlay); document.documentElement.appendChild($container); + + // Update video's settings + onChangeVideoPlayerType(); } } diff --git a/src/web-components/bx-select.ts b/src/web-components/bx-select.ts index a70d232..dafeb14 100644 --- a/src/web-components/bx-select.ts +++ b/src/web-components/bx-select.ts @@ -82,6 +82,9 @@ export class BxSelectElement { $label.textContent = content; } + // Add line-through on disabled option + $label.classList.toggle('bx-line-through', $option && $option.disabled); + // Hide checkbox when the selection is empty if (isMultiple) { $checkBox.checked = $option?.selected || false; @@ -123,13 +126,16 @@ export class BxSelectElement { const observer = new MutationObserver((mutationList, observer) => { mutationList.forEach(mutation => { - mutation.type === 'childList' && render(); + if (mutation.type === 'childList' || mutation.type === 'attributes') { + render(); + } }); }); observer.observe($select, { subtree: true, childList: true, + attributes: true, }); render();