mirror of
https://github.com/FrankerFaceZ/FrankerFaceZ.git
synced 2025-06-27 21:05:53 +00:00
9ab9f69583
* Added: Options to hide the "Chat Highlight Settings" and "Shield Mode" buttons in the chat input. * Added: Option to fade the video player when paused or buffering. (Closes #1289) * Added: Message Hover chat actions! Now you can add custom actions in the style of Twitch's native "Pin Message" and "Reply to Message" buttons. This change also adds default actions for those that behave similarly to Twitch's native behavior. (Note: The Pin Message action is, by default, only visible if you have your mod icons displayed.) (Closes #1284. Closes #1293.) * Changed: Remove the Reply action from the defaults for In-Line chat actions. * Fixed: Duplicate words in *in* certain localized strings with human friendly relative times. (Closes #1292) * Fixed: Bug where the link testing debug component would not collect its event source when being destroyed. * Fixed: Popup UI elements not appearing with the correct colors. (Closes #1285) * Fixed: Elements in the FFZ Control Center sometimes failing to display scroll-bars correctly after a Twitch update. * Fixed: The mouse cursor not hiding correctly when positioned over the player with controls not visible. * Fixed: Tab-completion sometimes failing to include emotes from add-ons due to improperly cached data. (Closes #1299. Thanks cfinegan) * Fixed: Rich token rendering not setting alt text or width and height on images.
55 lines
No EOL
1 KiB
Vue
55 lines
No EOL
1 KiB
Vue
<template lang="html">
|
|
<div
|
|
ref="scroller"
|
|
:class="classes"
|
|
:data-simplebar-auto-hide="autoHide"
|
|
:data-simplebar-scrollbar-min-size="scrollbarMinSize"
|
|
data-simplebar
|
|
class="scrollable-area"
|
|
@scroll="onScroll"
|
|
>
|
|
<div class="simplebar-scroll-content">
|
|
<div class="simplebar-content">
|
|
<slot />
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
|
|
<script>
|
|
|
|
export default {
|
|
props: {
|
|
classes: String,
|
|
autoHide: {
|
|
type: Boolean,
|
|
default: true
|
|
},
|
|
scrollbarMinSize: {
|
|
type: Number,
|
|
default: 10
|
|
}
|
|
},
|
|
|
|
mounted() {
|
|
const scroller = this.$refs.scroller;
|
|
if (!scroller || ! window.ffzSimplebar || scroller.SimpleBar)
|
|
return;
|
|
|
|
new ffzSimplebar(scroller, ffzSimplebar.getElOptions(scroller));
|
|
},
|
|
|
|
methods: {
|
|
onScroll() {
|
|
// We do this to avoid the scroll position getting screwed up on
|
|
// an element that should never scroll. Thanks, web browsers.
|
|
const scroller = this.$refs.scroller;
|
|
if ( ! scroller || scroller.scrollTop == 0 )
|
|
return;
|
|
|
|
scroller.scrollTop = 0;
|
|
}
|
|
}
|
|
}
|
|
|
|
</script> |