diff --git a/package.json b/package.json index e0c6fded..05a8d2e4 100755 --- a/package.json +++ b/package.json @@ -1,7 +1,7 @@ { "name": "frankerfacez", "author": "Dan Salvato LLC", - "version": "4.22.6", + "version": "4.22.7", "description": "FrankerFaceZ is a Twitch enhancement suite.", "private": true, "license": "Apache-2.0", diff --git a/src/sites/clips/index.jsx b/src/sites/clips/index.jsx index 64eaf6de..dfed3788 100644 --- a/src/sites/clips/index.jsx +++ b/src/sites/clips/index.jsx @@ -48,7 +48,7 @@ export default class ClipsSite extends BaseSite { 'player-gain-volume': '.video-player__overlay[data-compressed="true"] .volume-slider__slider-container:not(.ffz--player-gain)', 'player-ext': '.video-player .extension-taskbar,.video-player .extension-container,.video-player .extensions-dock__layout,.video-player .extensions-notifications,.video-player .extensions-video-overlay-size-container,.video-player .extensions-dock__layout', 'player-ext-hover': '.video-player__overlay[data-controls="false"] .extension-taskbar,.video-player__overlay[data-controls="false"] .extension-container,.video-player__overlay[data-controls="false"] .extensions-dock__layout,.video-player__overlay[data-controls="false"] .extensions-notifications,.video-player__overlay[data-controls="false"] .extensions-video-overlay-size-container', - 'dark-toggle': 'div[data-a-target="dark-mode-toggle"],div[data-a-target="dark-mode-toggle"] + .tw-border-b' + 'dark-toggle': 'div[data-a-target="dark-mode-toggle"],div[data-a-target="dark-mode-toggle"] + div' }; this.inject(Player); diff --git a/src/sites/twitch-twilight/index.js b/src/sites/twitch-twilight/index.js index ece89755..a92af90b 100644 --- a/src/sites/twitch-twilight/index.js +++ b/src/sites/twitch-twilight/index.js @@ -412,6 +412,6 @@ Twilight.ROUTES = { }; -Twilight.DIALOG_EXCLUSIVE = '.moderation-root,.sunlight-root,.twilight-main,.twilight-minimal-root>div,#root>div>.tw-full-height,.clips-root'; +Twilight.DIALOG_EXCLUSIVE = '.moderation-root,.sunlight-root,.twilight-main,.twilight-minimal-root>div,#root>div>.tw-full-height,.clips-root,#root>div>div'; Twilight.DIALOG_MAXIMIZED = '.moderation-view-page > div[data-highlight-selector="main-grid"],.sunlight-page,.twilight-main,.twilight-minimal-root,#root .dashboard-side-nav+.tw-full-height,.clips-root>.tw-full-height .scrollable-area,.teams-page-body__outer-container .scrollable-area'; Twilight.DIALOG_SELECTOR = '.moderation-root,.sunlight-root,#root>div,.twilight-minimal-root>.tw-full-height,.clips-root>.tw-full-height .scrollable-area'; \ No newline at end of file diff --git a/src/sites/twitch-twilight/modules/channel.jsx b/src/sites/twitch-twilight/modules/channel.jsx index 5fcbdc53..1c193781 100644 --- a/src/sites/twitch-twilight/modules/channel.jsx +++ b/src/sites/twitch-twilight/modules/channel.jsx @@ -314,8 +314,14 @@ export default class Channel extends Module { } if ( ! el._ffz_cont ) { - const report = el.querySelector('.report-button,button[data-test-selector="video-options-button"],button[data-test-selector="clip-options-button"]'), - cont = report && (report.closest('.tw-flex-wrap.tw-justify-content-end') || report.closest('.tw-justify-content-end')); + const report = el.querySelector('.report-button,button[data-test-selector="video-options-button"],button[data-test-selector="clip-options-button"]'); + let cont = report && (report.closest('.tw-flex-wrap.tw-justify-content-end') || report.closest('.tw-justify-content-end')); + + if ( ! cont && report ) { + cont = report.parentElement?.parentElement; + if ( cont && cont.parentElement?.childElementCount === 2 ) + cont = cont.parentElement.firstElementChild; + } if ( cont && el.contains(cont) ) { el._ffz_cont = cont; diff --git a/src/sites/twitch-twilight/modules/chat/emote_menu.jsx b/src/sites/twitch-twilight/modules/chat/emote_menu.jsx index d6fa92c2..4db09441 100644 --- a/src/sites/twitch-twilight/modules/chat/emote_menu.jsx +++ b/src/sites/twitch-twilight/modules/chat/emote_menu.jsx @@ -2314,7 +2314,7 @@ export default class EmoteMenu extends Module { whisper = this.props.source === 'whisper'; return (
-
+
+ ctx = (
diff --git a/styles/native/balloon.scss b/styles/native/balloon.scss index 64d5eddf..0a7d434e 100644 --- a/styles/native/balloon.scss +++ b/styles/native/balloon.scss @@ -164,7 +164,7 @@ &--xl { width: 50rem } } -.tw-attached { +.ffz-attached { position: absolute; z-index: var(--z-index-balloon); @@ -173,7 +173,12 @@ &--left { margin-right: 0 } &--right { margin-left: 0 } - &--up.tw-attached--right { + /*&--up.tw-attached--right { inset: auto 0px 100% auto; - } + }*/ + + &--right { right: 0 } + &--left { left: 0 } + &--up { bottom: 100% } + &--down { top: 100% } } \ No newline at end of file