Composant en pleine largeur pour Discourse

:information_source: Résumé Faire en sorte que Discourse occupe toute la largeur du navigateur
:eyeglasses: Aperçu Aperçu
:hammer_and_wrench: Référentiel Composant pleine largeur
:question: Guide d’installation Comment installer un thème ou un composant de thème
:open_book: Nouveau sur les thèmes Discourse ? Guide du débutant pour l’utilisation des thèmes Discourse

Installer ce composant de thème


:warning: Ceci est toujours un composant expérimental, qui remplace les widgets, qui cassera très probablement avec les refactorisations d’en-tête et qui ne fonctionnera pas bien avec d’autres composants d’en-tête.

Nous ferons de notre mieux pour maintenir ce composant et minimiser les changements majeurs, mais nous ne pouvons garantir qu’ils ne se produiront jamais. Une solution viendra très probablement, mais vous devrez peut-être attendre un peu plus longtemps.


Exemple :

Ce composant est actuellement également utilisé dans le thème Fully et le thème "Default (full width)" ici sur Meta.

Sur des écrans très larges, cela pourrait être moins approprié.

12 « J'aime »

Il serait intéressant que ce composant interagisse avec le composant de la barre latérale droite et la pousse le plus loin possible vers la droite pour la symétrie.

5 « J'aime »

Je viens de mettre à jour vers la dernière version, et je remarque maintenant une erreur sur mon écran

Version de Discourse : 3.3.0.beta1

3 « J'aime »

Si vous mettez à jour Discourse, cela devrait résoudre votre problème.

Il y a trois jours, le composant a reçu une mise à jour qui s’appuie sur un ajout récent dans le cœur de Discourse.

6 « J'aime »

Tu avais raison

2 « J'aime »

Moi aussi,
J’utilise Fully Theme et ce composant de thème. Comment pouvons-nous étendre le tableau inséré sur toute la page du sujet ?
Merci !

1 « J'aime »

Vous pouvez essayer de remplacer les variables CSS.

Créez un composant de thème et attachez-le à Fully.
Dans les Définitions de couleur, ajoutez et ajustez les variables :

:root {
    --topic-body-width: 100% !important; // 690px
    --d-max-width: 100% !important;  // 1110px;
}

3 « J'aime »

Succès. Merci beaucoup :slight_smile:

1 « J'aime »


Espérons qu’il sera compatible avec ce thème

Un message a été divisé en un nouveau sujet : Les titres et extraits de sujets apparaissent dans différentes tailles de police

Certains noms de catégories sont longs et ne s’affichent pas entièrement dans la barre latérale.

Comment pouvons-nous augmenter la largeur de la barre latérale pour qu’elle corresponde à la longueur du nom de la catégorie ?

Merci beaucoup !

Salut,

  1. Ce composant est-il toujours expérimental ou peut-il être déployé dans des environnements de production ?

  2. Ce composant est-il officiellement pris en charge ?

Merci !

1 « J'aime »

c’est officiellement pris en charge dans le sens où nous examinerons les bugs signalés, mais c’est toujours expérimental dans le sens où ce n’est pas quelque chose que nous nous attendons à ce qu’il fonctionne bien avec tous les thèmes et composants de thème

4 « J'aime »

Suite à l’annonce par ici, je voulais signaler quelques incohérences dans l’expérience lors de l’utilisation du composant pleine largeur et de la fonction de recherche d’en-tête.

Mode sans échec :

Mode sans échec + composant pleine largeur :

Je suppose qu’au moins la même expérience devrait être le cas, sinon simplement réduire la recherche d’en-tête à une icône pour des largeurs de page très faibles (comme dans la vue mobile).

Nous avons récemment intégré une correction pour garantir que la barre de recherche de l’en-tête se réduise à l’icône sur les petits écrans. Une fois que vous aurez mis à jour Discourse, pourriez-vous jeter un œil et nous dire si cela semble mieux ?

2 « J'aime »