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 você pode ver, o painel de pré-visualização à direita ficou muito pequeno por causa do tamanho grande do preenchimento (padding) dos ícones na barra de ferramentas de formatação. Não tenho esse problema com outros temas. (Sim, adicionei alguns ícones extras à barra de ferramentas usando um plugin)
Tem certeza? Adicionar tantos ícones à barra de ferramentas do editor causará o mesmo problema em qualquer tema. Portanto, realmente não há nada para consertar aqui.
O problema aqui é que você adicionou muitos ícones à barra de ferramentas. Se você precisa de toda essa funcionalidade, considere mover parte dela para o menu de engrenagem no editor.
O problema aqui ainda é o mesmo. Você adicionou muitos botões à barra de ferramentas do editor. Isso quebra o layout do editor tanto em visualizações de desktop estreitas quanto em dispositivos móveis — em qualquer tema.
Esse tema foi projetado para o layout padrão do Discourse. Se o seu site requer muitos botões extras, cabe a você corrigi-lo. Acredito que você já tenha descoberto como fazer isso
Se precisar substituir o CSS neste tema, crie um componente de tema com essas substituições e adicione-o ao seu tema.
É de mim que você precisa - o Johani nem tem acesso ao meu tema!
Se você puder fazer com que isso atinja apenas os botões da classe d-editor-button-bar, eu aceitaria a alteração. Caso contrário, você perderia todos os estilos de borda em todos os lugares!