3

I've created a simple script to move the New Feed Items box to the lower right to avoid it from hiding the chat history:

enter image description here

Installation:

Just copy the following code in Tampermonkey/GreaseMonkey:

// ==UserScript==
// @name         SE Chat
// @namespace    http://tampermonkey.net/
// @version      0.1
// @description  Moving feeds
// @author       Pablo
// @match        https://chat.stackexchange.com/rooms/*
// @grant        none
// ==/UserScript==

(function() {
    'use strict';
    let feed=document.getElementById('feed-ticker');
    if (feed) {
        feed.style.position='fixed';
        feed.style.right='0';
        feed.style.bottom='90px';
        feed.style.top='unset';
        feed.style.left='unset';
        feed.style.width='30%';
    }
})();

1 Answer 1

3

I made little changes to display a button in the end of the sidebar, that button display the feed and hide it after 10 seconds starting to count when you mouseover the button, so just in a fastmove in the button, you can check the feed and let it autohide.

// ==UserScript==
// @name         SE Chat
// @namespace    http://tampermonkey.net/
// @version      0.2
// @description  Moving feeds
// @author       Pablo
// @modify by    ntzz
// @match        https://chat.stackexchange.com/rooms/*
// @grant        none
// ==/UserScript==

(function() {
    'use strict';
    let feed=document.getElementById('feed-ticker');


    if (feed) {
        feed.style.display = 'none';
        var soES = document.createElement('div');
        soES.innerHTML = '<button id="feedButton" type="button">'
                + 'Feed Me</button>';
        soES.setAttribute ('id', 'SOesCont');
        var sidebar = document.getElementById('sidebar');
        sidebar.appendChild(soES);
        var feedB = document.getElementById('feedButton');
        feedB.addEventListener(
            "mouseover", FeedMePls, false
        );
        feedB.addEventListener(
            "mouseout", FeedOutPls, false
        );

        function FeedMePls (feedEvent) {
            feed.style.display = 'block';
        }
        function FeedOutPls (feedEvent) {
            setTimeout(function () {
                feed.style.display='none';
            }, 10000);
        }
    }
})();
0

You must log in to answer this question.

Start asking to get answers

Find the answer to your question by asking.

Ask question

Explore related questions

See similar questions with these tags.