Haupteingang

286 readers

1 users here now

Die Standard-Community von feddit.de

In dieser Community geht es ausschließlich um alles rund um die Instanz!

Hast du Fragen? [email protected]

matrix chat: !feddit:tilde.fun

founded 3 years ago

MODERATORS

[email protected]

Userscript um Lemmy wie Reddit mit RES aussehen zu lassen (github.com)

submitted 1 year ago by [email protected] to c/[email protected]

14 comments fedilink hide all child comments

Ich bin kein großer Fan davon soviel Platz an den Seiten zu lassen, das Script behebt ist.

Gibt eine "normale Version"

Und eine kompakte Version

Braucht einen Userscriptmanager wie Tampermonkey oder Greasemonkey, eins der Scripte auswählen und auf raw klicken, euer userscriptmanager sollte euch fragen ob ihr es installieren wollt.

you are viewing a single comment's thread
view the rest of the comments

[–] [email protected] 2 points 1 year ago (1 children)

Oh ja, das wär cool. Mit dem drag handler so dass man das Bild größer ziehen kann.

[–] [email protected] 3 points 1 year ago

Hab doch mal einen Versuche gewagt, der Button simuliert einfach einen Mausklick auf alle thumbnails von Bildern. Klappt so mäßig, button ist je nach Instanz an anderer Stelle. Momentan reicht das für mich.

// @name         lemmy - expand images button
// @namespace    http://tampermonkey.net/
// @version      0.1
// @description  Adds a button to expand images
// @author       burrito82
// @match        https://*/*
// @grant        none
// ==/UserScript==

(function() {
    'use strict';

    function AddShowImagesButton()
    {
        let a = document.createElement('a');
        a.classList = ['nav-link'];
        a.href = `javascript:
            document.querySelectorAll('a[data-tippy-content="Expand here"]')
                .forEach(function(a)
                {
                  a.href = '#';
                  let img = a.querySelector('img');
                  a.click();
                  img.click();
                });`;
        a.appendChild(document.createTextNode('Expand Images'));

        let li = document.createElement('li');
        li.classList = ['nav-item'];
        li.appendChild(a);

        document.querySelector('ul.navbar-nav').appendChild(li);
    }

    const isLemmy = document.head.querySelector("[name~=Description][content]").content === "Lemmy";
    if (isLemmy)
    {
        AddShowImagesButton();
    }
})();