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.
Como puedes ver, el panel de vista previa de la derecha se ha vuelto muy pequeño debido al gran tamaño del relleno (padding) de los iconos en la barra de herramientas de formato. No tengo este problema con otros temas. (Sí, he añadido algunos iconos extra a la barra de herramientas usando un plugin)
¿Estás seguro? Agregar tantos iconos a la barra de herramientas del editor causará el mismo problema en cualquier tema. Por lo tanto, realmente no hay nada que arreglar aquí.
El problema es que has agregado demasiados iconos a la barra de herramientas. Si necesitas toda esa funcionalidad, considera mover parte de ella al menú de engranaje en el editor.
El problema sigue siendo el mismo. Has añadido demasiados botones a la barra de herramientas del editor. Esto rompe la disposición del editor tanto en vistas de escritorio estrechas como en móviles, independientemente del tema.
Este tema fue diseñado para la disposición predeterminada de Discourse. Si tu sitio requiere muchos botones adicionales, entonces te corresponde a ti solucionarlo. Creo que ya has averiguado cómo hacerlo
Si necesitas sobrescribir el CSS en este tema, crea un componente de tema con esas sobrescrituras y añádelo a tu tema.
¡Soy yo el que buscas! ¡Johani ni siquiera tiene acceso a mi tema!
Si pudieras hacer que se aplique solo a los botones de la clase d-editor-button-bar, aceptaría el cambio. De lo contrario, perderías todos los estilos de borde en todas partes.