featheredtoast has ported an old phpbb theme, Moonclaw, to Discourse and shared it with the community. The theme is available on GitHub and can be installed by adding the repository URL to the themes list and selecting “Moonclaw” as the color scheme.
GokulNC reported an issue with the theme, where the right-side preview pane becomes small due to large padding sizes for icons in the formatting toolbar. Johani suggested that the issue is caused by adding too many icons to the toolbar, which can cause problems on any theme.
GokulNC provided a screenshot from another theme, showing that it does not have the same issue, and later found a fix by removing padding from the btn CSS class. featheredtoast agreed to take the change if it can be targeted to only affect the buttons on the d-editor-button-bar class.
GokulNC requested that featheredtoast make the change, which was later implemented in a commit to the theme’s GitHub repository.
I got around to porting an old favorite phpbb theme this weekend for my forum, for nostalgia’s sake. I’ve cleaned it up and thought I’d share it here - Let me know what you guys think!
Installation: Add https://github.com/featheredtoast/discourse-moonclaw-theme to your themes, and picking “Moonclaw” as your color scheme. Colors aren’t yet customizable just yet, as many have been hardcoded to get this out the door quickly.
Comme vous pouvez le voir, le volet d’aperçu sur le côté droit est devenu très petit en raison des marges internes excessives autour des icônes de la barre d’outils de mise en forme. Je ne rencontre pas ce problème avec d’autres thèmes. (Oui, j’ai ajouté quelques icônes supplémentaires à la barre d’outils via un plugin)
En êtes-vous sûr ? L’ajout d’autant d’icônes dans la barre d’outils de l’éditeur provoquera le même problème sur n’importe quel thème. Il n’y a donc vraiment rien à corriger ici.
Le problème vient du fait que vous avez ajouté trop d’icônes à la barre d’outils. Si vous avez besoin de toutes ces fonctionnalités, envisagez de déplacer certaines d’entre elles dans le menu d’engrenage de l’éditeur.
J’ai réussi à le faire fonctionner en supprimant le padding de la classe CSS btn. (Je ne suis pas sûr que cela soit spécifique à la classe d-editor-button-bar)
Cela correspond maintenant exactement à celui des autres thèmes.
Pourriez-vous appliquer cette correction au thème et la pousser, si c’est la bonne chose à faire ? @Johani
Le problème ici est toujours le même. Vous avez ajouté trop de boutons à la barre d’outils de l’éditeur. Cela casse la mise en page de l’éditeur, tant sur les écrans d’ordinateur de taille réduite que sur mobile, et ce quel que soit le thème.
Ce thème a été conçu pour la mise en page par défaut de Discourse. Si votre site nécessite beaucoup de boutons supplémentaires, alors c’est à vous de le corriger. Je pense que vous avez déjà trouvé comment faire
Si vous devez remplacer le CSS de ce thème, créez un composant de thème avec ces remplacements et ajoutez-le à votre thème.
C’est moi que tu veux – Johani n’a même pas accès à mon thème !
Si tu pouvais cibler uniquement les boutons de la classe d-editor-button-bar, j’accepterais la modification. Sinon, tu perdrais tous les styles de bordure partout !
Peux-tu s’il te plaît faire la modification quand tu auras un moment ? @featheredtoast
Je ne suis pas un spécialiste du front-end, donc je pourrais facilement tout gâcher.