Skip to content

Floatplane Chat Customization by BobVonBob

Details

AuthorBobVonBob

LicenseMIT

Categoryfloatplane

Created

Updated

Size1.7 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

Some small tweaks to Floatplane livestream chat including custom font sizes and hiding elements.

Notes

Userstyle doesn't have notes.

Source code

/* ==UserStyle==
@name           Floatplane Chat Customization
@namespace      Floatplane
@version        1.0.4
@description    Customize your Floatplane chat
@author         BobVonBob
@license        MIT
@preprocessor   stylus

@var checkbox hideHint  "Hide send message hint"          0
@var checkbox hideTitle "Hide \"Live Chat\" title"        0
@var checkbox hideIcon  "Hide avatar next to input box"   0
@var checkbox pollWrap  "Wrap poll titles at whole words" 1

@var number   fontSize  "Font size (px)"                  [11, 1, 100, 1, "px"]
@var checkbox inputSize "Font size affects input box"     1
@var checkbox pollSize  "Font size affects polls"         1
==/UserStyle== */

@-moz-document domain("floatplane.com") {
    if hideHint {
        .hint-container {
            display: none;
            visibility: hidden;
        }
    }
    
    if hideTitle {
        .chat-header-title {
            display: none;
            visibility: hidden;
        }
    }
    
    if hideIcon {
        .icon-self {
            display: none;
            visibility: hidden;
        }
    }
    
    if pollWrap {
        .PollContainer .poll-title {
            word-break: normal;
        }
    }

    if inputSize {
        div {
            --live-chat-font-size: fontSize;
            --live-chat-line-height: (fontSize / 0.6);
        }
    } else {
        .live-chat-message {
            --live-chat-font-size: fontSize;
            --live-chat-line-height: (fontSize / 0.6);
        }
    }
    
    if pollSize {
        .PollContainer .poll-title {
            font-size: fontSize;
        }
    
        .PollOption .option-label {
            font-size: fontSize;
            line-height: fontSize;
        }
    }
}

Reviews

No reviews yet.