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.

1 Mi Piace
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;
}
3 Mi Piace