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.