Catégories Plus Dernière mise en page Comment utiliser la largeur complète de l'écran ?

Dev
1

J’essaie de faire en sorte que la vue Catégories + Derniers sur ordinateur utilise toute la largeur d’écran disponible.
width

Tout le reste sur le site peut rester identique — je veux seulement que cette disposition (catégories à gauche, derniers sujets à droite) s’étende sur toute la largeur au lieu de rester dans une colonne centrée à largeur fixe.

J’ai essayé de remplacer le override de nombreux éléments conteneurs (.wrap, .container, #main-outlet, etc.), mais cette vue spécifique reste restreinte, je crois donc qu’il y a un autre wrapper ou une grille qui contrôle sa largeur.

Quelqu’un pourrait-il m’indiquer le CSS correct qui contrôle la largeur de la disposition Catégories + Derniers ?

Merci.

3

Bonjour,

vous aurez besoin d’une combinaison de modification de la disposition des colonnes grid sur le main-outlet-wrapper + de modification des variables --d-max-width et --topic-body-width pour répondre à vos besoins.

4

Merci. Cela a fonctionné.

.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

A-t-il eu un changement dans les mises à jour ultérieures de Discourse, car ce CSS ne fait rien sur notre site, à part ajouter des bordures. (J’ai créé un nouveau composant, ajouté le code dans l’onglet CSS et activé le composant.)

Voici à quoi ressemblent Meta (et notre propre site) par défaut sur mon écran. Utiliser une partie de cet espace serait bienvenu.

image
image1920×835 106 KB