[Suggestion] Auto-Collapse / Compact Design

[Ravenstorm]

Mir ist bewusst, dass man mit dem [+] und [-] die Sektionen einklappen kann.



Trotzdem will man ja vielleicht nicht Sektionen klein machen in denen man ab und zu mal hinein schaut. Mögliche Lösung:

Compact Design:


Section-Collapse:
Ähnlich zum Compact-Design einfach eine Möglichkeit auch die Sub-Sections einklappen zu können.

[False]

Originally Posted by Ravenstorm

Mir ist bewusst, dass man mit dem [+] und [-] die Sektionen einklappen kann.



Trotzdem will man ja vielleicht nicht Sektionen klein machen in denen man ab und zu mal hinein schaut. Mögliche Lösung:

Compact Design:


Section-Collapse:
Ähnlich zum Compact-Design einfach eine Möglichkeit auch die Sub-Sections einklappen zu können.

Falls der Vorschlag nicht umgesetzt wird oder bis dahin kannst du dieses Script mit dem Tampermonkey(/) nutzen:

// ==UserScript==
// [MENTION=286917]name[/MENTION]         Compact section design
// [MENTION=1005418]namespace[/MENTION]    [url]http://elitepvpers.com/[/url]
// [MENTION=1805674]Version[/MENTION]      0.1
// @description  Redesign for [url]https://www.elitepvpers.com/forum/[/url] - [url]https://www.elitepvpers.com/forum/suggestions-feedback/4563026-auto-collapse-compact-design.html[/url] !
// @author       .ƒaℓsє.
// [MENTION=340885]match[/MENTION]        http*://www.elitepvpers.com/forum/
// [MENTION=551144]grant[/MENTION]        none
// ==/UserScript==

(function() {
    'use strict';

    $('.alt1Active').find('.smallfont').remove()

    let $mainTable = $('table.tborder:eq(-2)');
    let $elements = $mainTable.find('tr td:nth-child(5n+3):not(".tcat") div.smallfont');
    $mainTable.find('tr td:not(".tcat"):not(".thead")').css('padding', '4px 4px 4px 6px');

    $mainTable.find('thead td:eq(1)').attr('width', '35%');
    $.each($elements, function(index, element) {
        let $element = $(element);
        let $lastPost = $element.find('div:eq(2)');
        $element.find('div:eq(1)').remove();
        $element.find('div:eq(0)').css({
            'display': 'inline-block'
        })
        $element.find('div:eq(1)').css({
            'display': 'inline-block',
            'float': 'right'
        })
    });

    $mainTable.find('img[width=45]').css({'width': '30px', 'height':'unset'})
})();

Sieht dann wie folgt aus:

[Ravenstorm]

Danke aber da bau ich mir lieber meine customcss und importe die per userscript

[LekoArts]

Danke für den Vorschlag, ich kann nachvollziehen warum man es gerne etwas kompakter hätte - es sind ja doch ein paar mehr Foren. Wir sind die Idee durchgegangen, aber zum Schluss gekommen, dass wir es in der Form nicht implementieren wollen.

Das Verstecken der Foren-Beschreibungen (die übrigens nun alle auf Englisch sind - endlich) wäre noch vertretbar, aber das Verstecken der Unterforen wollen wir nicht.