Auto-Collapse / Compact Design

Quote:

Originally Posted by Ravenstorm

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

[Only registered and activated users can see links. Click Here To Register...]

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

Compact Design:
[Only registered and activated users can see links. Click Here To Register...]

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([Only registered and activated users can see links. Click Here To Register...]/[Only registered and activated users can see links. Click Here To Register...]) nutzen:

Code:

// ==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:
[Only registered and activated users can see links. Click Here To Register...]