So che è passato qualche mese, ma…
Oggigiorno, uso il mio fork del progetto che non soffre di questi problemi. Ma se desideri una semplice soluzione CSS, ho ancora alcune delle mie vecchie correzioni.
Ecco un paio di quelle che potresti trovare pertinenti:
/* Corregge il padding eccessivo nella parte superiore della pagina.
* NOTA: Questo dovrebbe eliminare il grande spazio tra il contenuto della tua pagina e la parte superiore della pagina.
*/
#main-outlet {
padding-top: 1.8em;
}
/* Wrap dovrebbe essere centrato e occupare solo una certa larghezza dello schermo.
* NOTA: Questo specifico potrebbe aiutare a risolvere il problema del layout del tuo argomento/post!
*/
.wrap {
max-width: 1110px;
/* max-width: 60vw;*/
}
/* Corregge i problemi con il layout dell'elenco delle categorie.
* NOTA: Ci sono modi molto migliori per farlo.
*/
#topic-footer-buttons, .top-title-buttons, .user-badge, #user-card.show-badges .more-user-badges, .category-list tbody .category, .nav-pills>li, .layouts-nav-button>li {
display: revert;
}
.nav-pills>li {
display: flex;
}
/* Rende il testo in grassetto effettivamente in grassetto.
* NOTA: In alternativa, cambia il font-weight predefinito per il tema a 400.
* Il progetto originale lo imposta a 300 come peso predefinito utilizzato da tutto, il che fa sì che il testo in grassetto/forte utilizzi qualcosa come 400 poiché sono impostati su "bolder".
* Sulla maggior parte dei font, questo è letteralmente indistinguibile da 300.
*/
b, strong {
font-weight: 700;
}
/* Rimuove il margine sul contenitore per i collegamenti incrociati interni elencati sotto i post. */
.post-links-container {
margin-left: 0;
}
/* Migliora il design del testo "ultima visita" nell'elenco degli argomenti. */
.topic-list .topic-list-item-separator .topic-list-data span {
color: var(--primary);
border: 1px solid var(--secondary-very-high);
font-weight: bold;
}
.topic-list .topic-list-item-separator .topic-list-data span {
background-color: var(--secondary);
}
/* Migliora il design del testo "ultima visita" nel post dell'argomento. */
.small-action.topic-post-visited .topic-post-visited-line {
border-bottom: none;
}
.small-action.topic-post-visited .topic-post-visited-line .topic-post-visited-message {
color: var(--primary);
border: none;
font-weight: bold;
}
.small-action.topic-post-visited .topic-post-visited-line .topic-post-visited-message {
background-color: transparent;
}