Categories Plus Layout più recente Come usare la larghezza intera dello schermo?

Sviluppatore
1

Sto cercando di far sì che la vista Categorie + Ultimi sul desktop utilizzi l’intera larghezza dello schermo disponibile.
width

Tutto il resto del sito può rimanere invariato: voglio solo che questo specifico layout (categorie a sinistra, argomenti più recenti a destra) si espanda a larghezza intera invece di rimanere in una colonna centrata a larghezza fissa.

Ho provato a sovrascrivere i contenitori di molti elementi (.wrap, .container, #main-outlet, ecc.), ma questa visualizzazione specifica rimane comunque limitata, quindi credo ci sia un altro wrapper o una griglia che ne controlla la larghezza.

Qualcuno potrebbe indicarmi il CSS corretto che controlla la larghezza del layout Categorie + Ultimi?

Grazie.

3

Ciao,

avrai bisogno di una combinazione di modifiche al layout della colonna grid su main-outlet-wrapper + modifiche alle variabili --d-max-width e --topic-body-width per adattarle alle tue esigenze.

4

Grazie. Questo ha risolto il problema.

.badge-category__wrapper .badge-category__name {
    font-size: 1.3em;
}
table.category-list {
  border: 1px solid #ccc;
  border-radius: 6px;
  padding: 1rem;
  box-sizing: border-box;
  border-collapse: separate;
  border-spacing: 0;
}

table.category-list thead th {
  padding: 0.5rem 0;
  border-bottom: 1px solid #e0e0e0;
}

table.category-list tbody tr td {
  padding: 0.75rem 0;
  border-bottom: 1px solid #e0e0e0;
}

table.category-list tbody tr:last-of-type td {
  border-bottom: none;
}


.latest-topic-list {
  border: 1px solid #ccc;
  border-radius: 6px;
  padding: 1rem;
  box-sizing: border-box;
}

.latest-topic-list-item {
  padding: 0.75rem 0;
  border-bottom: 1px solid #e0e0e0;
}

.latest-topic-list-item:last-of-type {
  border-bottom: none;
}
5

È cambiato qualcosa nelle versioni successive di Discourse, perché questo CSS non fa nulla sul nostro sito, se non aggiungere dei bordi. (Ho creato un nuovo componente, aggiunto il codice alla scheda CSS e abilitato il componente.)

Ecco come appare Meta (e il nostro stesso sito) sul mio monitor in modo predefinito. Sarebbe gradito poter sfruttare parte di quello spazio.

image
image1920×835 106 KB