Ich weiß, dass das ein paar Monate zu spät ist, aber…
Heutzutage benutze ich meinen eigenen Fork des Projekts, der diese Probleme nicht hat. Aber wenn du eine einfache CSS-Lösung möchtest, habe ich noch einige meiner älteren Korrekturen.
Hier sind ein paar, die für dich relevant sein könnten:
/* Behebt übermäßiges Padding oben auf der Seite.
* HINWEIS: Dies sollte den großen Abstand zwischen deinen Seiteninhalten und der Oberseite der Seite beseitigen.
*/
#main-outlet {
padding-top: 1.8em;
}
/* Wrap sollte zentriert sein und nur eine bestimmte Breite des Bildschirms einnehmen.
* HINWEIS: Dieser spezielle Fix könnte helfen, dein Thema/Beitragslayoutproblem zu beheben!
*/
.wrap {
max-width: 1110px;
/* max-width: 60vw;*/
}
/* Behebt Probleme mit dem Layout der Kategorieliste.
* HINWEIS: Es gibt weitaus bessere Möglichkeiten, dies zu tun.
*/
#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;
}
/* Macht fetten Text tatsächlich fett.
* HINWEIS: Alternativ kannst du die Standard-Schriftstärke für das Thema auf 400 ändern.
* Das Originalprojekt hat sie standardmäßig auf 300 gesetzt, was von allem verwendet wird, wodurch fetter/starker Text etwas wie 400 verwendet, da er auf "bolder" gesetzt ist.
* Bei den meisten Schriftarten ist das buchstäblich nicht von 300 zu unterscheiden.
*/
b, strong {
font-weight: 700;
}
/* Entfernt den Rand am Container für interne Querverweise, die unter Beiträgen aufgelistet sind. */
.post-links-container {
margin-left: 0;
}
/* Verbessert das Design des Textes "letzter Besuch" in der Themenliste. */
.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);
}
/* Verbessert das Design des Textes "letzter Besuch" im Thema-Beitrag. */
.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;
}