oss/FrankerFaceZ
oss/FrankerFaceZ
1
0
Fork 0
mirror of https://github.com/FrankerFaceZ/FrankerFaceZ.git synced 2025-07-24 19:48:30 +00:00
Code Wiki Activity

4.5.0

Browse source 
* Added: Setting to hide the "LIVE" indicator on live channel pages.
* Added: Setting to invert portrait mode, placing chat at the top rather than the bottom.
* API Added: New icons to the default icon set: `user`, `clip`, `sort-down`, `sort-up`, `sort-alt-up`, `sort-alt-down`, and `language`.
* API Added: All Vue components now have access to a `getReactURL(route, ...)` method for building URLs.
* API Fixed: `<react-link />` will not attempt a React navigation if given a non-relative link.
* API Fixed: Issue with `getTagImmediate` throwing an exception when not given a callback function.
This commit is contained in:
SirStendec 2019-06-17 15:32:38 -04:00
parent 80148e5579
commit 3c00c0946e
19 changed files with 189 additions and 22 deletions
Download patch file Download diff file Expand all files Collapse all files

18
src/sites/twitch-twilight/modules/css_tweaks/index.js
View file

@ -32,6 +32,7 @@ const CLASSES = {
'dir-live-ind': '.live-channel-card:not([data-a-target*="host"]) .stream-type-indicator.stream-type-indicator--live,.stream-thumbnail__card .stream-type-indicator.stream-type-indicator--live,.preview-card .stream-type-indicator.stream-type-indicator--live,.preview-card .preview-card-stat.preview-card-stat--live',
'profile-hover': '.preview-card .tw-relative:hover .ffz-channel-avatar',
'not-live-bar': 'div[data-test-selector="non-live-video-banner-layout"]',
'channel-live-ind': 'div[data-target="channel-header__live-indicator"]'
};
@ -220,6 +221,20 @@ export default class CSSTweaks extends Module {
// Other?
this.settings.add('channel.hide-live-indicator', {
requires: ['context.route.name'],
process(ctx, val) {
return ctx.get('context.route.name') === 'user' ? val : false
},
default: false,
ui: {
path: 'Channel > Appearance >> General',
title: 'Hide the "LIVE" indicator on live channel pages.',
component: 'setting-check-box'
},
changed: val => this.toggleHide('channel-live-ind', val)
});
this.settings.add('channel.round-avatars', {
default: true,
ui: {
@ -231,7 +246,7 @@ export default class CSSTweaks extends Module {
});
this.settings.add('channel.hide-not-live-bar', {
default: true,
default: false,
ui: {
path: 'Channel > Appearance >> General',
title: 'Hide the "Not Live" bar.',
@ -256,6 +271,7 @@ export default class CSSTweaks extends Module {
this.toggle('square-avatars', ! this.settings.get('channel.round-avatars'));
this.toggleHide('not-live-bar', this.settings.get('channel.hide-not-live-bar'));
this.toggleHide('channel-live-ind', this.settings.get('channel.hide-live-indicator'));
const recs = this.settings.get('layout.side-nav.show-rec-channels');
this.toggleHide('side-rec-channels', recs === 0);