Moonclaw Theme port

AI 生成的摘要

Moonclaw Theme port discussion summary:

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.

GitHub - featheredtoast/discourse-moonclaw-theme: moonclaw theme clone from phpbb · GitHub

Header:

Footer

Composer

Install guide

How to install a theme or theme component

25 个赞

Very nice, bringing some good memories :slight_smile: . Feels perfect for an rpg community / wow clan etc.

2 个赞

嘿 @featheredtoast
非常感谢你提供的这个超棒的主题 :fire:

我想报告一下在创建新主题时遇到的一个 bug:

如你所见,右侧预览窗格变得非常小,这是因为格式工具栏中图标的内边距过大导致的。我在使用其他主题时并没有遇到这个问题。(是的,我通过插件在工具栏中添加了一些额外的图标)

能否请你查看一下这个问题?

1 个赞

你确定吗?在编辑器工具栏中添加这么多图标,在任何主题上都会导致同样的问题。因此,这里实际上没有什么需要修复的。

问题在于你在工具栏中添加了过多的图标。如果你确实需要所有这些功能,可以考虑将其中一些移到编辑器的齿轮菜单中。

来自另一个主题的截图:

您可以看到,它与我第一张截图中的图标数量相同。

我通过移除 btn CSS 类中的内边距(padding)解决了这个问题。(不确定这是否特定于 d-editor-button-bar 类)

现在它与其他主题完全一致。
如果这是正确的做法,能否请您在主题中应用此修复并推送?@Johani

1 个赞

这里的问题仍然是 相同 的。你在编辑器工具栏中添加了过多的按钮。这会导致编辑器布局在窄屏桌面视口和移动设备上被破坏——无论使用何种主题。

该主题是专为 Discourse 默认布局设计的。如果你的网站需要大量额外按钮,那么由你来修复它。我想你已经知道如何做了:+1:

如果你需要在此主题中覆盖 CSS,请创建一个包含这些覆盖的 主题组件,并将其添加到你的主题中。

3 个赞

你要找的是我——Johani 甚至都没有权限访问我的主题!

如果你能让它只针对 .d-editor-button-bar 类中的按钮,我会采纳这个修改。否则,你将会失去所有地方的边框样式!

1 个赞

方便的时候麻烦改一下好吗?@featheredtoast
我不太懂前端,很容易搞砸。:slight_smile:

立即试用

3 个赞