FKB Pro - Thème social

J’ai vérifié ma dernière mise à jour, mais la catégorie est toujours à gauche.

@Don
Salut,
J’ai appliqué le « Custom embedded replies (theme-component) » à « FKB Pro - Social themed ». Ce n’est pas mal sur le bureau, mais sur mobile, la mise en page de la colonne de droite des commentaires est assez étroite, et l’icône « Jump to post » est également attachée en bas. Par conséquent, l’espace à gauche semble assez large. Avez-vous l’intention d’arranger l’icône du fil et de l’utilisateur dans la partie gauche de la colonne aussi loin que possible vers la gauche, et d’ajuster la mise en page pour l’équilibrer afin que les commentaires puissent être vus un peu plus largement ?

@Don J’ai rencontré un autre conflit mineur entre FKB Pro et Discourse Custom Wizard

2 « J'aime »

Merci @Drew-ART, j’ai supprimé les remplacements de contour. :+1: Après la mise à jour du thème, cela devrait fonctionner.

2 « J'aime »

Si je voulais ajouter du CSS personnalisé au thème, serais-je correct de penser que l’éditeur de paramètres remplace le bouton modifier HTML/CSS ?

Donc, là où le CSS de @Don se termine :

{
	"setting": "dark_btn_hover",
	"value": "rgba(var(--primary-rgb),.1)"
}
]

Je continuerais simplement en dessous avec quelque chose comme ceci :

data-category-id='offers' [
  .discourse-kanban-list {
	 width: 50%;
     }
]

(une seule catégorie a deux colonnes dans son tableau Kanban et je veux qu’elles soient plus larges, 50% de l’espace chacune)

Est-il possible d’utiliser le composant Barre latérale droite avec le panneau FKB « stock » ? de sorte que la section supérieure soit le panneau FKB mais en dessous se trouve le reste du composant Barre latérale droite ?

De plus, il y a un problème lorsque la barre latérale est fermée, il y a un espace sur la droite

Évidemment, cet espace est nécessaire lorsque la barre latérale est visible mais pas lorsqu’elle est masquée.

On peut supposer que la correction est la suivante

.fkb-panel-hidden .list-container .full-width { 
	gap: 0;
}
1 « J'aime »

Sur la modale de création de compte, je constate que les boutons de connexion tiers sont mal alignés. Cela ne se produit que sur mobile (et le redimensionnement du texte à 75 % les remet en place). Je me demande si c’est une erreur de FKB PRO ou non ?

Ils sont corrects sur ma modale de connexion, seule celle de création de compte est déréglée. Sinon, ce thème est MAGNIFIQUE, merci !

1 « J'aime »

Bonjour @Drew-ART, désolé pour le retard.

Avec l’éditeur de paramètres, vous pouvez faire la même chose lorsque vous modifiez un paramètre de thème. Donc, dans ce cas, vous pouvez modifier les couleurs. Ces paramètres sont restreints. Si vous souhaitez apporter des modifications plus importantes aux boutons, etc., vous devez créer un nouveau composant - et l’activer pour le thème - où vous pouvez placer votre code.

Je ne suis pas très familier avec le CSS de kanban, mais je pense que data-category-id devrait être un nombre.

Cela ressemble à ceci.

[data-category-id="your-category-id"] {
  .discourse-kanban-list {
    width: 50%;
  }
}

Et vous devez placer cela dans un nouveau composant. Quelque chose comme je le montre ici : FKB Pro - Social theme - #88 by Don


Bonjour @Fma965, Oui, techniquement c’est possible. Maintenant, cela fonctionne comme lorsque vous utilisez le composant de la barre latérale droite, la section par défaut est masquée, mais il est possible d’utiliser les deux ensemble avec un peu de CSS, je pense.


Bonjour @thisisjoshjones, Merci :slightly_smiling_face: Ouais, je pense que je dois mettre à jour le CSS du thème pour qu’il corresponde aux nouveaux changements de la fenêtre modale principale. Je vais corriger cela.

J’ai essayé d’expérimenter avec CSS mais cela ne semblait pas possible, le div était vide d’après mes tests.

@Fma965, j’ai ajouté un nouveau paramètre pour afficher les Blocs de la barre latérale droite sous le panneau FKB.

Screenshot 2023-12-22 at 14.04.05


J’ai également mis à jour les classes de la modale pour qu’elles correspondent aux nouveaux changements du cœur.

@thisisjoshjones Je pense que ce problème sera résolu si vous mettez à jour votre Discourse vers la dernière version. Puisque votre dernière mise à jour de Discourse date d’il y a un mois (18 novembre) et que ce problème de modale a été résolu depuis (20 novembre).

Beau travail, merci

Autre chose que j’ai remarqué, c’est que le HTML « Après l’en-tête » ne fonctionne pas

Outils de développement
image

Le HTML n’est jamais ajouté, il apparaît dans le profileur mais pas dans le code source de la page web réelle

Le déplacer vers l’en-tête au lieu de « Après l’en-tête » et il apparaît, est-ce un problème avec le thème ou autre chose ?

Je l’ai vérifié maintenant et cela fonctionne pour moi dans After Header.

1 « J'aime »

Hmm, quelque chose d’autre doit interférer avec cela sur mon instance alors, ce n’est pas grave. Merci

EDIT : lorsque le composant de thème discourse-right-side-blocks est activé, cela ne fonctionne pas.

Ouais, je vois. Je peux le reproduire avec le thème par défaut aussi. C’est probablement un problème avec le composant de thème Right Sidebar Blocks.

2 « J'aime »

Vous aviez raison, merci !

1 « J'aime »

Bonjour,

J’ai un problème : sur la dernière version de Discourse 3.2.0.beta4-dev, il n’y a pas de lien pour modifier le CSS/HTML dans le panneau des thèmes…

Je me demande juste si ce problème ne concerne que ma version de Discourse ou si quelqu’un qui a effectué une nouvelle installation ou une mise à jour vers cette dernière version de Discourse a le même problème ?..

Bonjour @pzguillaume,

Vous ne pouvez pas modifier les thèmes distants. Ceci a été introduit il y a quelque temps.

4 « J'aime »

Pour compléter la réponse d’Ondrej, vous pouvez créer un nouveau composant de thème, le joindre à votre thème et y appliquer toutes vos personnalisations. :+1:

4 « J'aime »

@ondrej : merci. Je suis nouveau sur Discourse et je ne savais pas…

@Arkshine : merci aussi ! Tu m’aides beaucoup ! :clap: :blush:

2 « J'aime »