Discourse Benutzerdefinierte Breite

Themenkomponente
1

| | | |\n|— | — | —|\n|:information_source: | Zusammenfassung | Legen Sie eine benutzerdefinierte Breite für Ihr Discourse-Forum fest|\n|: eyeglasses: | Vorschau | https://discourse.theme-creator.io/theme/Canapin/custom-discourse-width (1400px Breite)|\n|:hammer_and_wrench: | Repository | https://github.com/Canapin/Discourse-custom-width|\n|:question: | Installationsanleitung | So installieren Sie ein Theme oder eine Theme-Komponente|\n|:open_book: | Neu bei Discourse Themes? | Anfängerleitfaden zur Verwendung von Discourse Themes|\n\n\u003c!-- Füllen Sie „repoName“ und „repoURL“ für die Schaltfläche „Automatische Installation“ aus –\u003e\n\n[wrap=theme-install-button repoName="Discourse Custom Width" repoUrl="https://github.com/Canapin/Discourse-custom-width\"]\nInstallieren Sie diese Theme-Komponente\n[/wrap]\n\n\u003c!-- Beschreiben Sie dieses Theme/diese Komponente in ein oder zwei Sätzen –\u003e\n\nDiese sehr einfache Theme-Komponente hat eine einzige Einstellung, die die Breite Ihres Forums definiert.\n\n

image
image748×791 20.7 KB
\n\nDie Breite kann nicht die Breite Ihres Fensters überschreiten oder kleiner als die Standard-Maximalbreite von Discourse von 1110 Pixeln sein.\n\n\u003c!-- Fügen Sie Screenshots hinzu (falls zutreffend) –\u003e\n\nBeispielbreite mit 1400 Pixel Breite:\n
2498×1369 245 KB
\n\u003c!-- Fügen Sie weitere Details hinzu und erklären Sie die Einstellungen (falls zutreffend) –\u003e

7 „Gefällt mir“
2

Hallo!

Warum nur feste Breite mit px?

Ich habe das in meinem CSS:

:root {
	--d-max-width: 80%;
}

.topic-body {
	width: 90%;
}

#reply-control {
    max-width: 80%;
}

.body-page {
    width: 100%;
    max-width: 100%;
}
3 „Gefällt mir“
3

Das ist eine gute Idee, andere Einheiten zuzulassen, aber in diesem Fall wüsste ich nicht, wie ich verhindern könnte, dass Benutzer einen zu niedrigen Wert einstellen, der das Layout beschädigen würde.

Ich bin offen für alle Ideen und PRs :slight_smile:

2 „Gefällt mir“
4

Steht diese Theme-Komponente in irgendeiner Form im Zusammenhang mit dem Light Full-Width Theme?

5

Das ist eine wirklich gute Frage, aber ich denke, man muss den Benutzern vertrauen.

Ich würde den Wert von der Einheit trennen und eine “if-else-Abfrage” innerhalb des CSS machen, ob sie px oder % verwenden, und dann eine zweite if darin, um den Wert zu überprüfen, ob er zu klein ist.

if px
   if value < 1100px
     set value 1100
   else
     set value to variable
else if %
   if value < 50 %
     set value 50%
   else
     set value to variable

Ich bin ehrlich, dass ich im Moment nicht weiß, ob das in einer CSS-Datei möglich ist.

2 „Gefällt mir“
6

Das ist es nicht. Haben Sie einen Link zu diesem Thema? Ich konnte es nicht finden :thinking:

2 „Gefällt mir“
7

Ich hätte auch gerne „light full-width“.

Kann bitte jemand vom @team die CSS dafür veröffentlichen?

2 „Gefällt mir“
8

Kann es auch nicht finden, ich glaube, dieses Thema ist exklusiv für dieses Forum.

1 „Gefällt mir“
9

Ich habe das Thema, über das Sie sprechen, gesehen. Ja, es sieht sich ähnlich und ich könnte auch eine Einstellung hinzufügen, um die Breite des Inhalts festzulegen.

Um die Theme-Komponente einzigartiger zu gestalten, könnte ich die Felder in den Benutzereinstellungen festlegen, damit jeder seine eigene bevorzugte Breite haben kann.

2 „Gefällt mir“
10

Ich habe auch nach dieser Antwort gesucht!

@sam @Falco, habt ihr eine Ahnung, wo wir Informationen darüber finden können, wie man das volle Licht- und Dunkelthema umsetzt? :innocent:

1 „Gefällt mir“
11

Ich glaube, hier ist das Repository für das Full-Width-Theme: GitHub - discourse/discourse-full-width-component: Make Discourse occupy the full browser width

5 „Gefällt mir“
13

Habe das gleiche Problem im Op-Post gefunden, Links im Multilingual-Plugin scheinen defekt zu sein.

1 „Gefällt mir“