Categorías Plus Último Diseño ¿Cómo Usar Ancho Completo de Pantalla?

Desarrollador
1

Estoy intentando que la vista Categorías + Últimos en el escritorio utilice todo el ancho de pantalla disponible.
width

Todo lo demás en el sitio puede permanecer igual; solo quiero que este diseño (categorías a la izquierda, temas más recientes a la derecha) se expanda a todo el ancho en lugar de permanecer en una columna centrada de ancho fijo.

He intentado anular los contenedores de muchos elementos (.wrap, .container, #main-outlet, etc.), pero esta vista específica sigue restringida, por lo que creo que hay otro contenedor o cuadrícula que controla su ancho.

¿Podría alguien indicarme el CSS correcto que controla el ancho del diseño de Categorías + Últimos?

Gracias.

3

Hola,

necesitarás una combinación de cambiar la disposición de la columna grid en el main-outlet-wrapper + cambiar las variables --d-max-width y --topic-body-width para adaptarlas a tus necesidades.

4

Gracias. Esto lo solucionó.

.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

¿Cambió algo en las actualizaciones posteriores de Discourse, porque este CSS no hace nada en nuestro sitio, salvo añadir bordes. (Creé un nuevo componente, añadí el código a la pestaña CSS y activé el componente.)

Así se ven Meta (y nuestro propio sitio) de forma predeterminada en mi monitor. Sería bienvenido el uso de parte de ese espacio.

image
image1920×835 106 KB