Forums trop aérés

La page d’accueil des forums était déjà très aérée et il fallait beaucoup défiler pour arriver en bas (pas pratique), mais je viens de voir que l’espace entre les forums a quasiment doublé. Je ne vois que trois titres à la fois.

Serait-il possible de compacter un peu tout ça, d’autant qu’avec l’augmentation du nombre de forums, la proportion de forums que chaque membre ne lit jamais augmente a priori.

Merci 

Oui, ça mériterai juste un truc comme ça :

 

Ou même encore plus compact, il y à beaucoup de place à droite et l’icône du forum est géante. Je n’ai jamais vu des forums aussi espacés.

pas mieux …

Il ne suffit pas simplement de toucher un peu au CSS?

Pour ceux que ça intéresse, un dév m’a pondu le code suivant, à mettre dans Freestyler ou Tampermonkey ou autre, qui compacte beaucoup les choses et je suis heureux :

/* accueil du forum /

.data > .item {
    margin: 0!important;
    padding: 0!important;
}

.data > .item > a[target=“blank”] {
    display: none !important;
}

.data .segment:nth-child(2) {
    display: flex!important;
    flex-wrap: wrap!important;
    /
pubs index forum /
}

.data .segment:nth-child(2) a.image {
    width: 50px!important;
    height: 50px!important;
    flex: 0 0 auto!important;
}

.data .segment:nth-child(2) a.image img {
    width: 100%!important;
    height: 100%!important;
}

.data .segment:nth-child(2) .item.divided {
    width: 50%!important;
}

.data .segment:nth-child(2) .item.divided:first-of-type {
    border-top: 1px solid rgba(34, 36, 38, 0.15)!important;
}

.data .segment:nth-child(2) .description, .data .segment:nth-child(2) .detail, .data .segment:nth-child(2) .extra {
    display: none !important;
}

/
pubs site /

body > .row.align-center.section {
    display: none!important;
}

body > div[id]:empty {
    display: none!important;
}

/
liste sujets */

.segment > .items > .item {
    width: 100%!important;
    margin: 0!important;
    border-top: 1px solid rgba(34, 36, 38, 0.15)!important;
}

.segment > .items > .item > .content {
    display: flex!important;
    flex-wrap: wrap!important;
    align-items: baseline!important;
}

.segment > .items > .item > .content > .header {
    width: 100%!important;
}

.segment > .items > .item > .content > .description {
    display: none!important;
}

.segment > .items > .item > .content > .meta {
    margin: 0!important;
}

.segment > .items > .item > .content > .extra {
    width: auto!important;
    margin: 0!important;
    margin-left: auto!important;
}

.segment > .items > .item > .content > .extra .dropdown.menu li {
    padding: 0!important;
}

.segment > .items > .item > .content > .extra .dropdown.menu li a {
    padding: 5px!important;
}

.segment > .items > .item > .content > .extra .dropdown.menu li a:after {
    margin-right: -15px!important;
}

.segment > .items > .item > .right a {
    padding: 0!important;
    display: flex!important;
}

.segment > .items > .item > .right a i {
    margin: 0!important;
    margin-left: 10px!important;
    order: 2!important;
}

perso je vois 5 titres grosso modo

Avec le nouveau CSS, j’en vois 11 (au lieu de 3).
Et 8 topics au lieu de 5.
Ô joie.