[Feature] Delete old messages if a new one goes beyond the viewport about streamer.bot-actions

[BlackyWhoElse]

Hey @f1amy
That could be done by CSS.
Could you add some example screenshots :)

[f1amy]

Hello @BlackyWhoElse, I don't think that this is possible with only CSS
I will come later with an example

[f1amy]

Here is an example of how it should look like
https://user-images.githubusercontent.com/27062841/225370158-608592d3-b92a-46bd-a525-8b5846e5e330.mp4
Notice what happens to the messages at the top when the screen is already filled with messages, it gradually fades out with an animation.

[f1amy]

WIP code based on nightbot's widget

.then(() => {
    //Prevent clipping
    var currentHeight = 0;
    $("#chat").children().each(function () {
        currentHeight += $(this).outerHeight(true);
    });
    var parentHeight = $('#chat').outerHeight(true);
    var count = 0;
    var $chatLine, lineHeight;
    while (currentHeight > parentHeight) {
        $chatLine = $('.msg').eq(count);
        lineHeight = $chatLine.outerHeight(true);

        $chatLine.animate(
            {
                "margin-top": -lineHeight
            },
            100,
            function () {
                $(this).remove();
            }
        );

        currentHeight -= lineHeight;
        count++;
    }
})

[BlackyWhoElse]

Ah yeah, that's another way to do it.
Will be added in the next release