oss/FrankerFaceZ
oss/FrankerFaceZ
1
0
Fork 0
mirror of https://github.com/FrankerFaceZ/FrankerFaceZ.git synced 2025-09-16 18:06:55 +00:00
Code Wiki Activity

Starting point for new Twitch UI changes (#658)

Browse source 
Things may be broken and they WILL be broken.
But it's a starting point :)
This commit is contained in:
Lordmau5 2019-09-26 20:20:18 +02:00 • committed by Mike
parent ba1da9a774
commit eb5a3a3966
5 changed files with 10 additions and 6 deletions
Download patch file Download diff file Expand all files Collapse all files

4
src/modules/metadata.jsx
View file

@ -689,7 +689,7 @@ export default class Metadata extends Module {
if ( def.popup && def.click ) { if ( def.popup && def.click ) {
el = (<span el = (<span
class={`ffz-stat${fix ? ' ffz-fix-padding--left' : ''}`} class={`ffz-stat${fix ? ' ffz-fix-padding--left' : ''} tw-inline-flex tw-align-items-center`}
data-key={key} data-key={key}
tip_content={tooltip} tip_content={tooltip}
> >
@ -706,7 +706,7 @@ export default class Metadata extends Module {
} else } else
btn = popup = el = (<button btn = popup = el = (<button
class={`ffz-stat${fix ? ' ffz-fix-padding' : ''} tw-button ${cls}`} class={`ffz-stat${fix ? ' ffz-fix-padding' : ''} tw-button tw-inline-flex tw-align-items-center ${cls}`}
data-key={key} data-key={key}
tip_content={tooltip} tip_content={tooltip}
> >

2
src/sites/twitch-twilight/modules/channel_bar.jsx
View file

@ -105,7 +105,7 @@ export default class ChannelBar extends Module {
updateMetadata(inst, keys) { updateMetadata(inst, keys) {
const container = this.fine.getChildNode(inst), const container = this.fine.getChildNode(inst),
metabar = container?.querySelector?.('.channel-info-bar__action-container > .tw-flex,.channel-info-bar__content-right > .tw-align-items-start > .tw-flex:last-child'); metabar = container?.querySelector?.('.channel-info-bar__viewers-count-wrapper > .tw-flex:last-child');
if ( ! inst._ffz_mounted || ! metabar ) if ( ! inst._ffz_mounted || ! metabar )
return; return;

4
src/sites/twitch-twilight/styles/channel.scss
View file

@ -39,6 +39,10 @@
.ffz-stat.tw-button--text { .ffz-stat.tw-button--text {
color: inherit; color: inherit;
} }
.ffz-stat {
margin-left: 1rem;
}
} }
.ffz--fade-in { .ffz--fade-in {

4
src/sites/twitch-twilight/styles/menu_button.scss
View file

@ -6,8 +6,8 @@
} }
.ffz-menu__extra-pill { .ffz-menu__extra-pill {
bottom: -1rem; bottom: -0.2rem;
right: -.3rem; right: 5.2rem;
font-size: 1.2rem; font-size: 1.2rem;
} }

2
src/sites/twitch-twilight/styles/theme.scss
View file

@ -1422,7 +1422,7 @@
.tw-c-background-top-nav { .tw-c-background-top-nav {
background-color: var(--ffz-color-26) !important; background-color: var(--ffz-color-26) !important;
} }
.tw-c-background-chat { .chat-room, .channel-root__right-column, .tw-c-background-chat {
background-color: var(--ffz-color-27) !important; background-color: var(--ffz-color-27) !important;
} }
.tw-c-background-chat-alt { .tw-c-background-chat-alt {