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

4.77.8

Browse source 
* Fixed: Issue with malformed CSS introduced in last update causing some settings to not function correctly when setting a custom font size.
This commit is contained in:
SirStendec 2025-06-28 01:55:27 -04:00
parent a7c0b59972
commit 2bb27693e5
7 changed files with 27 additions and 6 deletions
Download patch file Download diff file Expand all files Collapse all files

2
package.json
View file

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

2
src/modules/chat/index.js
View file

@ -175,7 +175,7 @@ export default class Chat extends Module {
}); });
this.settings.add('chat.font-size', { this.settings.add('chat.font-size', {
default: 13, default: 14,
ui: { ui: {
path: 'Chat > Appearance >> General', path: 'Chat > Appearance >> General',
title: 'Font Size', title: 'Font Size',

2
src/sites/clips/theme.js
View file

@ -200,7 +200,7 @@ export default class ThemeEngine extends Module {
--font-size-7: ${(12/14) * size}rem; --font-size-7: ${(12/14) * size}rem;
--font-size-8: ${(12/14) * size}rem; --font-size-8: ${(12/14) * size}rem;
--font-size-base: ${size}rem; --font-size-base: ${size}rem;
`); }`);
} }

2
src/sites/twitch-twilight/modules/chat/index.js
View file

@ -1082,7 +1082,7 @@ export default class ChatHook extends Module {
this.css_tweaks.setVariable('chat-width', `${width/10}rem`); this.css_tweaks.setVariable('chat-width', `${width/10}rem`);
this.css_tweaks.setVariable('negative-chat-width', `${-width/10}rem`); this.css_tweaks.setVariable('negative-chat-width', `${-width/10}rem`);
this.css_tweaks.toggle('chat-font', size !== 13 || font !== 'inherit'); this.css_tweaks.toggle('chat-font', size !== 14 || font !== 'inherit');
this.css_tweaks.toggle('chat-width', this.settings.get('chat.use-width')); this.css_tweaks.toggle('chat-width', this.settings.get('chat.use-width'));
this.css_tweaks.toggle('chat-fix--watch-party', this.settings.get('context.isWatchParty')); this.css_tweaks.toggle('chat-fix--watch-party', this.settings.get('context.isWatchParty'));

2
src/sites/twitch-twilight/modules/theme/index.js
View file

@ -322,7 +322,7 @@ export default class ThemeEngine extends Module {
--font-size-7: ${(12/14) * size}rem; --font-size-7: ${(12/14) * size}rem;
--font-size-8: ${(12/14) * size}rem; --font-size-8: ${(12/14) * size}rem;
--font-size-base: ${size}rem; --font-size-base: ${size}rem;
`); }`);
} }

18
styles/main.scss
View file

@ -35,6 +35,24 @@
100% { transform: rotate(360deg); } 100% { transform: rotate(360deg); }
} }
:root {
--ffz-font-size-1: calc(var(--font-size-base) * 3.8571428571);
--ffz-font-size-2: calc(var(--font-size-base) * 2.5714285714);
--ffz-font-size-3: calc(var(--font-size-base) * 1.7142857143);
--ffz-font-size-4: calc(var(--font-size-base) * 1.2857142857);
--ffz-font-size-5: var(--font-size-base);
--ffz-font-size-6: calc(var(--font-size-base) * 0.9285714286);
--ffz-font-size-7: calc(var(--font-size-base) * 0.8571428571);
}
.ffz-font-size-1 { font-size: var(--ffz-font-size-1); }
.ffz-font-size-2 { font-size: var(--ffz-font-size-2); }
.ffz-font-size-3 { font-size: var(--ffz-font-size-3); }
.ffz-font-size-4 { font-size: var(--ffz-font-size-4); }
.ffz-font-size-5 { font-size: var(--ffz-font-size-5); }
.ffz-font-size-6 { font-size: var(--ffz-font-size-6); }
.ffz-font-size-7 { font-size: var(--ffz-font-size-7); }
.ffz--inline { .ffz--inline {
display: inline; display: inline;
} }

5
styles/widgets/main-menu.scss
View file

@ -1,6 +1,9 @@
.ffz-main-menu { .ffz-main-menu {
z-index: 1998; z-index: 1998;
h2 { font-size: var(--ffz-font-size-2); }
h3 { font-size: var(--ffz-font-size-3); }
.scrollable-area { .scrollable-area {
overflow-anchor: none; overflow-anchor: none;
} }
@ -18,4 +21,4 @@
.ffz-dialog:not(.maximized) .ffz-vertical-nav { .ffz-dialog:not(.maximized) .ffz-vertical-nav {
border-bottom-left-radius: var(--border-radius-extra-large); border-bottom-left-radius: var(--border-radius-extra-large);
} }