Hallo, ich habe festgestellt, dass meine Benutzer die breiten linken und rechten Ränder, die Discourse standardmäßig verwendet, wirklich hassen. Daher habe ich GitHub - programmersforum-reborn/discourse-wide-posts: Increases post width zusammen mit diesen zusätzlichen CSS-Anpassungen verwendet:
:root {
--d-max-width: 1900px;
--topic-body-width: 1244px;
}
Ein aktuelles Discourse-Update scheint GitHub - programmersforum-reborn/discourse-wide-posts: Increases post width kaputt gemacht zu haben, und das Vollbild-Composer-Panel ragte auf der linken Seite aus dem Bildschirm. Daher habe ich discourse-wide-posts deaktiviert und GitHub - discourse/discourse-full-width-component: Make Discourse occupy the full browser width installiert, was nur den linken Rand reduziert, plus diese CSS-Anpassungen, um den rechten Rand zu reduzieren und auch den Composer-Bereich Vollbild zu machen:
body.has-sidebar-page #reply-control.show-preview:not(.fullscreen), #reply-control {
max-width: 100%;
margin-left: 0;
}
:root {
--d-max-width: 1900px;
--topic-body-width: 1244px;
}
Aber es gibt ein paar Eigenheiten. Die meisten davon können hier auf Discourse Meta mit den Themes Default (full-width) oder Fully Theme reproduziert werden.
Zunächst einmal springt das Panel ohne meine zuvor erwähnten CSS-Anpassungen für #reply-control je nach Zoomstufe herum:
Außerdem passt sich bei normalen Zoomstufen die sidebar-wrapper-Div an die Höhe des darunter liegenden Composer-Panels an, aber ab einer bestimmten Breite des Browserfensters ändert sich etwas und es wird abgeschnitten, ohne Möglichkeit, zum Ende der Seitenleiste zu scrollen (prüfen Sie die Breite des Screenshot-Bildes, um ungefähr zu sehen, wo dies geschieht):
Schließlich verschieben sich mit der Regel --topic-body-width: 1244px; beim Betrachten eines Themas die Seitenleistenelemente nach oben, während ein neuer Beitragspaket in langen Threads geladen wird, wenn zu einer anderen Position im Beitrag-Zeitachsen-Schieberegler gesprungen wird, und kehren dann nach Abschluss des Ladevorgangs in ihre normale Position zurück. Dies ist ziemlich ablenkend und scheint seit diesem Update aufgetreten zu sein, das mich dazu zwang, meine benutzerdefinierten Breitenkonfigurationen zu überarbeiten. Wenn ich die CSS-Regel auf --topic-body-width: 100%; ändere, bleiben die Seitenleistenelemente während der Zeitverschiebungen an Ort und Stelle, aber während der Ladeindikator erscheint, verschiebt sich die Zeitachse nach links (wahrscheinlich zur Standard---topic-body-width von Discourse?) und ruckt dann zurück zu ihrer normalen Position nahe dem rechten Rand. Gibt es hierfür eine Umgehungslösung? Möglicherweise eine Breitenregel, die ich dem sich drehenden Lader hinzufügen kann? Ich kann ihn mit dem HTML-Inspektor nicht erfassen, da er zu kurz ist.
Bitte lassen Sie mich wissen, wenn Sie weitere Informationen zur Fehlerbehebung benötigen. Danke!