oss/FrankerFaceZ
oss/FrankerFaceZ
1
0
Fork 0
mirror of https://github.com/FrankerFaceZ/FrankerFaceZ.git synced 2025-06-28 15:27:43 +00:00
Code Wiki Activity

4.0.0-rc13.9

Browse source 
* Added: Badge Style support for the VIP Badge.
* Fixed: Chat on Video width being incorrect in some situations, mostly Portrait Mode.
This commit is contained in:
SirStendec 2018-11-14 18:33:57 -05:00
parent 3694f3284d
commit 83d43a6bcf
4 changed files with 20 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

2
src/main.js
View file

@ -100,7 +100,7 @@ class FrankerFaceZ extends Module {
FrankerFaceZ.Logger = Logger; FrankerFaceZ.Logger = Logger;
const VER = FrankerFaceZ.version_info = { 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__, commit: __git_commit__,
build: __webpack_hash__, build: __webpack_hash__,
toString: () => toString: () =>

2
src/modules/chat/badges.jsx
View file

@ -20,6 +20,7 @@ export const CSS_BADGES = {
partner: { 1: { color: 'transparent', trans: { image: true, color: '#6441a5' } } }, partner: { 1: { color: 'transparent', trans: { image: true, color: '#6441a5' } } },
'clip-champ': { 1: { color: '#6441a5'} }, 'clip-champ': { 1: { color: '#6441a5'} },
vip: { 1: { color: '#b33ff0', trans: { color: 'transparent', invert: false}} },
turbo: { 1: { color: '#6441a5', svg: true } }, turbo: { 1: { color: '#6441a5', svg: true } },
premium: { 1: { color: '#009cdc' } }, premium: { 1: { color: '#009cdc' } },
@ -34,6 +35,7 @@ export const BADGE_POSITIONS = {
mod: 1, mod: 1,
moderator: 1, moderator: 1,
twitchbot: 1, twitchbot: 1,
vip: 2,
subscriber: 25 subscriber: 25
}; };

5
src/sites/twitch-twilight/modules/css_tweaks/styles/chat-width.scss
View file

@ -8,6 +8,7 @@ body .channel-page__video-player--theatre-mode {
} }
body .video-watch-page__right-column, body .video-watch-page__right-column,
body .clips-watch-page__right-column,
body .channel-page__right-column, body .channel-page__right-column,
body .right-column:not(.right-column--collapsed), body .right-column:not(.right-column--collapsed),
body .channel-videos__right-column, body .channel-videos__right-column,
@ -19,6 +20,10 @@ body .channel-root__right-column {
width: var(--ffz-chat-width); width: var(--ffz-chat-width);
} }
.video-chat {
flex-basis: var(--ffz-chat-width);
}
body .video-chat__sync-button { body .video-chat__sync-button {
width: calc(var(--ffz-chat-width) - 4rem); width: calc(var(--ffz-chat-width) - 4rem);
} }

13
src/sites/twitch-twilight/modules/css_tweaks/styles/portrait.scss
View file

@ -7,7 +7,7 @@
height: var(--ffz-player-height) !important; height: var(--ffz-player-height) !important;
} }
.persistent-player { .persistent-player.persistent-player__border--mini {
pointer-events: none; pointer-events: none;
bottom: calc(100vh - var(--ffz-player-height)) !important; bottom: calc(100vh - var(--ffz-player-height)) !important;
@ -65,6 +65,17 @@
border-top-color: #2a2a2a 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-root__right-column,
.channel-page__right-column { .channel-page__right-column {
width: 100%; width: 100%;