Composant pleine largeur de Discourse

:information_source: Résumé Faire occuper à Discourse toute la largeur du navigateur
:eyeglasses: Aperçu aperçu
:hammer_and_wrench: Dépôt Composant pleine largeur
:question: Guide d’installation Comment installer un thème ou un composant de thème
:open_book: Nouveau aux thèmes Discourse ? Guide débutant pour utiliser les thèmes Discourse

Installer ce composant de thème


:warning: Il s’agit encore d’un composant expérimental, qui remplace des widgets, qui cassera très probablement lors des refontes de l’en-tête et qui ne coexistera pas bien avec d’autres composants d’en-tête.

Nous ferons de notre mieux pour maintenir ce composant et minimiser les modifications cassantes, mais nous ne pouvons pas garantir qu’elles ne se produiront jamais. Un correctif 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 « Par défaut (pleine largeur) » ici sur Meta.

Sur les écrans très larges, cela pourrait être moins adapté.

14 « 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 ?

3 « J'aime »

Est-ce que ça fonctionne encore ? Je l’ai installé et activé, et je l’ai ajouté à mon thème, mais je n’ai pas l’impression d’avoir une largeur plus importante qu’avant…

@chapoi, cette phrase n’a aucun sens pour moi.