oss/FrankerFaceZ
oss/FrankerFaceZ
1
0
Fork 0
mirror of https://github.com/FrankerFaceZ/FrankerFaceZ.git synced 2025-10-14 23:11:58 +00:00
Code Wiki Activity

4.20.57

Browse source 
* Added: Setting to hide viewer counts from the side bar.
* Changed: Allow use of time formats when creating a timeout action. (Closes #978)
* Changed: Highlight My Message highlights can now be displayed in either Twitch style or FFZ style, in addition to disabling the highlight. FFZ Style remains the default. (Closes #972)
* Fixed: Current Channel profile rules not functioning, either on normal channel pages or on mod view pages. (Closes #957)
* Fixed: Current Category and Title profile rules not working on mod view.
* Fixed: Channel color not being detected correctly. (Also Closes #972)
* Fixed: Download Clip not displaying on clip pages. (Closes #960)
* Fixed: Remove debug logging from `resizeInput`
* Fixed: Popups, including channel rules, not rendering correctly in portrait mode. (Closes #979)
* Fixed: Rendering for certain elements using `tw-pill`
* Fixed: Vue balloon elements not rendering correctly.
This commit is contained in:
SirStendec 2021-01-27 17:36:01 -05:00
parent 9a2a6f2acf
commit 046de0bb8a
16 changed files with 365 additions and 31 deletions
Download patch file Download diff file Expand all files Collapse all files

15
src/std-components/balloon.vue
View file

@ -1,7 +1,7 @@
<template lang="html">
<div
:class="classes"
class="tw-balloon tw-block tw-absolute"
class="tw-balloon tw-block tw-absolute tw-z-above"
>
<div class="tw-balloon__tail tw-overflow-hidden tw-absolute">
<div
@ -30,7 +30,18 @@ export default {
computed: {
classes() {
return `tw-c-${this.color} ${this.size ? `tw-balloon--${this.size}` : ''} ${this.dir ? this.dir.split('-').map(x => `tw-balloon--${x}`).join(' ') : ''}`;
let dir = '';
if ( this.dir ) {
dir = this.dir.split('-').map(d => {
if ( d === 'up' || d === 'down' )
return `tw-tooltip--${d}`;
if ( d === 'left' || d === 'right' )
return `tw-tooltip--align-${d}`;
return '';
}).join(' ');
}
return `tw-c-${this.color} ${this.size ? `tw-balloon--${this.size}` : ''} ${dir}`;
}
}
}