72
Userscript um Lemmy wie Reddit mit RES aussehen zu lassen (github.com)
submitted 3 years ago by to c/main@feddit.de
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
[–] 5 points 3 years ago* (4 children)

Danke! Insbesondere old.reddit.compact.user.js gefällt mir sehr gut. Falls du noch auf der Suche nach Verbesserungsvorschlägen bist, ich habe immer den Button "show images" genutzt und vermisse den momentan, hab aber leider nicht viel Ahnung von Javascript bzw. wie ich stabil die Bilder im DOM finden und aufklappen kann.

  • permalink
  • fedilink
  • source
  • hideshow 4 child comments
    •
  • [–] 2 points 3 years ago (1 child)

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

  • permalink
  • fedilink
  • source
  • parent
  • hideshow 1 child comment
    •
  • [–] 3 points 3 years 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();
    }
})();
  • permalink
  • fedilink
  • source
  • parent