diff --git a/src/main.js b/src/main.js index 89fa4ad6..54b3cc51 100644 --- a/src/main.js +++ b/src/main.js @@ -100,7 +100,7 @@ class FrankerFaceZ extends Module { FrankerFaceZ.Logger = Logger; const VER = FrankerFaceZ.version_info = { - major: 4, minor: 0, revision: 0, extra: '-rc13.8', + major: 4, minor: 0, revision: 0, extra: '-rc13.9', commit: __git_commit__, build: __webpack_hash__, toString: () => diff --git a/src/modules/chat/badges.jsx b/src/modules/chat/badges.jsx index 072a9fb1..01b7b98b 100644 --- a/src/modules/chat/badges.jsx +++ b/src/modules/chat/badges.jsx @@ -20,6 +20,7 @@ export const CSS_BADGES = { partner: { 1: { color: 'transparent', trans: { image: true, color: '#6441a5' } } }, 'clip-champ': { 1: { color: '#6441a5'} }, + vip: { 1: { color: '#b33ff0', trans: { color: 'transparent', invert: false}} }, turbo: { 1: { color: '#6441a5', svg: true } }, premium: { 1: { color: '#009cdc' } }, @@ -34,6 +35,7 @@ export const BADGE_POSITIONS = { mod: 1, moderator: 1, twitchbot: 1, + vip: 2, subscriber: 25 }; diff --git a/src/sites/twitch-twilight/modules/css_tweaks/styles/chat-width.scss b/src/sites/twitch-twilight/modules/css_tweaks/styles/chat-width.scss index 7b365f9d..8b7bed77 100644 --- a/src/sites/twitch-twilight/modules/css_tweaks/styles/chat-width.scss +++ b/src/sites/twitch-twilight/modules/css_tweaks/styles/chat-width.scss @@ -8,6 +8,7 @@ body .channel-page__video-player--theatre-mode { } body .video-watch-page__right-column, +body .clips-watch-page__right-column, body .channel-page__right-column, body .right-column:not(.right-column--collapsed), body .channel-videos__right-column, @@ -19,6 +20,10 @@ body .channel-root__right-column { width: var(--ffz-chat-width); } +.video-chat { + flex-basis: var(--ffz-chat-width); +} + body .video-chat__sync-button { width: calc(var(--ffz-chat-width) - 4rem); } diff --git a/src/sites/twitch-twilight/modules/css_tweaks/styles/portrait.scss b/src/sites/twitch-twilight/modules/css_tweaks/styles/portrait.scss index 4c3a597e..0082e91b 100644 --- a/src/sites/twitch-twilight/modules/css_tweaks/styles/portrait.scss +++ b/src/sites/twitch-twilight/modules/css_tweaks/styles/portrait.scss @@ -7,7 +7,7 @@ height: var(--ffz-player-height) !important; } - .persistent-player { + .persistent-player.persistent-player__border--mini { pointer-events: none; bottom: calc(100vh - var(--ffz-player-height)) !important; @@ -65,6 +65,17 @@ border-top-color: #2a2a2a } + .video-chat { + flex-basis: unset; + } + + .video-watch-page__right-column, + .clips-watch-page__right-column, + .channel-videos__right-column, + + .channel-clips__sidebar, + .channel-events__sidebar, + .channel-follow-listing__right-column, .channel-root__right-column, .channel-page__right-column { width: 100%;