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

4.22.4

Browse source 
* Fixed: Duplicate more CSS that Twitch is removing in favor of styled components.
* Fixed: Do not display theater metadata when viewing a video.
This commit is contained in:
SirStendec 2021-05-10 13:51:20 -04:00
parent c286e6cf93
commit ff4bb24a9a
6 changed files with 42 additions and 5 deletions
Download patch file Download diff file Expand all files Collapse all files

2
package.json
View file

@ -1,7 +1,7 @@
{
"name": "frankerfacez",
"author": "Dan Salvato LLC",
"version": "4.22.3",
"version": "4.22.4",
"description": "FrankerFaceZ is a Twitch enhancement suite.",
"private": true,
"license": "Apache-2.0",

4
src/sites/twitch-twilight/modules/menu_button.jsx
View file

@ -406,14 +406,14 @@ export default class MenuButton extends SiteModule {
progress_bar = (<div class="ffz-toast--progress tw-absolute tw-overflow-hidden tw-z-below">
<div
class="tw-border-radius-rounded tw-progress-bar tw-progress-bar--countdown tw-progress-bar--default tw-progress-bar--mask"
class="tw-border-radius-rounded ffz-progress-bar ffz-progress-bar--countdown ffz-progress-bar--default ffz-progress-bar--mask"
role="progressbar"
aria-valuenow={percentage}
aria-valuemin="0"
aria-valuemax="100"
>
<div
class={`tw-block tw-border-bottom-left-radius-rounded tw-border-top-left-radius-rounded tw-progress-bar__fill`}
class={`tw-block tw-border-bottom-left-radius-rounded tw-border-top-left-radius-rounded ffz-progress-bar__fill`}
data-a-target="tw-progress-bar-animation"
style={{
width: `${percentage}%`,

6
src/sites/twitch-twilight/modules/player.jsx
View file

@ -108,6 +108,12 @@ export default class Player extends PlayerBase {
this.settings.add('player.theatre.metadata', {
default: false,
requires: ['context.route.name'],
process(ctx, val) {
if ( ctx.get('context.route.name') === 'video' )
return false;
return val
},
ui: {
path: 'Player > General >> Theatre Mode',
title: 'Show metadata when mousing over the player.',

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

@ -33,7 +33,7 @@
}
.ffz-toast {
&.ffz-toast--paused .tw-progress-bar--countdown .tw-progress-bar__fill {
&.ffz-toast--paused .ffz-progress-bar--countdown .ffz-progress-bar__fill {
animation: none !important;
}

3
styles/native/index.scss
View file

@ -4,4 +4,5 @@
@import "text";
@import "link";
@import "card";
@import "tag";
@import "tag";
@import "progress";

30
styles/native/progress.scss Normal file
View file

@ -0,0 +1,30 @@
.ffz-progress-bar {
&--default {
overflow: hidden;
width: 100%;
height: 1rem;
background: var(--color-background-progress);
}
&__fill {
max-width: 100%;
height: 100%;
background: var(--color-background-progress-status);
animation-timing-function: linear;
animation-fill-mode: both;
}
&--countdown &__fill {
animation-name: ffz-progress-down;
}
.thingy {
bottom: -4px;
}
}
@keyframes ffz-progress-down {
100% {
width: 0%;
}
}