Largeur personnalisée de Discourse

Composant de thème
1

| | | |\n|— | — | —|\n|:information_source: | Résumé | Définir une largeur personnalisée pour votre forum Discourse|\n|: eyeglasses: | Aperçu | https://discourse.theme-creator.io/theme/Canapin/custom-discourse-width (largeur de 1400px)|\n|:hammer_and_wrench: | Dépôt | https://github.com/Canapin/Discourse-custom-width|\n|:question: | Guide d’installation | Comment installer un thème ou un composant de thème|\n|:open_book: | Nouveau sur les thèmes Discourse ? | Guide pour débutants sur l’utilisation des thèmes Discourse|\n\n\u003c!-- Remplissez "repoName" et "repoURL" pour le bouton d’installation automatique –\u003e\n\n[wrap=theme-install-button repoName="Discourse Custom Width" repoUrl="https://github.com/Canapin/Discourse-custom-width\"]\nInstaller ce composant de thème\n[/wrap]\n\n\u003c!-- Décrivez ce thème/composant en une ou deux phrases –\u003e\n\nCe composant de thème très simple possède un seul paramètre qui définit la largeur de votre forum.\n\n

image
image748×791 20.7 KB
\n\nLa largeur ne peut pas dépasser la largeur de votre fenêtre ni être inférieure à la largeur maximale par défaut de Discourse, qui est de 1110px.\n\n\u003c!-- Ajoutez des captures d’écran (si applicable) –\u003e\n\nExemple de largeur avec une largeur de 1400px :\n
2498×1369 245 KB
\n\u003c!-- Ajoutez plus de détails et expliquez les paramètres (si applicable) –\u003e

7 « J'aime »
2

Salut !

Pourquoi une largeur fixe uniquement avec des px ?

J’ai ceci dans mon CSS :

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

.topic-body {
	width: 90%;
}

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

.body-page {
    width: 100%;
    max-width: 100%;
}
3 « J'aime »
3

C’est une bonne idée de permettre à d’autres unités, mais dans ce cas, je ne saurais pas comment empêcher les utilisateurs de définir une valeur trop basse qui casserait la mise en page.

Je suis ouvert à toutes les idées et aux PR :slight_smile:

2 « J'aime »
4

Ce composant de thème est-il lié d’une quelconque manière au thème pleine largeur clair ?

5

C’est une très bonne question, mais je pense qu’il faut faire confiance aux utilisateurs.

Je séparerais la valeur de l’unité et je ferais une « requête if-else » dans le CSS s’ils utilisent des px ou des % et ensuite un deuxième if à l’intérieur pour vérifier la valeur si elle est trop petite.

si px
   si valeur < 1100px
     définir valeur à 1100
   sinon
     définir valeur à la variable
sinon si %
   si valeur < 50 %
     définir valeur à 50 %
   sinon
     définir valeur à la variable

Honnêtement, je ne sais pas pour le moment si c’est possible dans un fichier CSS.

2 « J'aime »
6

Ce n’est pas le cas. Avez-vous un lien vers ce thème ? Je ne l’ai pas trouvé :thinking:

2 « J'aime »
7

J’aimerais aussi avoir le « largeur complète légère ».

Quelqu’un de l’@équipe peut-il s’il vous plaît publier le CSS pour cela ?

2 « J'aime »
8

Je ne le trouve pas non plus, je pense que ce thème est exclusif à ce forum.

1 « J'aime »
9

J’ai vu le thème dont vous parlez. Oui, il se ressemble et je pourrais également ajouter un paramètre pour définir la largeur du contenu.

Pour rendre le composant de thème plus unique, je pourrais définir les champs dans les paramètres de l’utilisateur afin que chacun puisse avoir sa propre largeur préférée.

2 « J'aime »
10

Je cherchais cette réponse moi-même !

@sam @Falco une idée d’où nous pouvons trouver des informations sur la façon de faire le thème pleine largeur clair et sombre ? :innocent:

1 « J'aime »
11

Je pense qu’ici se trouve le dépôt du thème pleine largeur : GitHub - discourse/discourse-full-width-component: Make Discourse occupy the full browser width

5 « J'aime »
13

J’ai trouvé le même problème dans le post Op dans le plugin multilingue, les liens semblent cassés.

1 « J'aime »