简易响应式页脚

自定义 主题组件
,
109

我提交了一些修复。

主要变更：

  • 该组件现在使用 CSS 变量，因此兼容深色模式

  • 修复了媒体查询中的一些问题，解决了 @mbauman 报告的错误

  • 添加了一个设置，允许您控制是否在需要登录的页面显示页脚

    image
    image1102×307 37.7 KB

https://github.com/discourse/Discourse-easy-footer/commit/a694b1ba8e31d5b24b2d0fd8e2b6190bf987527b

这里的原因是 CSS 优先级。您的 CSS 针对 .wrap 并生效，但该组件也有针对 #main-outlet 的 CSS，并为其添加了一些属性，以确保即使在短页面中页脚也能保持在底部。

Discourse-easy-footer/common/common.scss at main · discourse/Discourse-easy-footer · GitHub

#main-outlet 选择器的优先级高于您的 .wrap 选择器——因为它是基于 ID 的，所以会覆盖您的样式。

您可以通过添加以下 CSS 来解决此问题：

#main {
  #main-outlet {
    width: 1200px; // 或您希望使用的任何宽度
  }
}

当然可以，只需在设置中删除所有不需要的额外列，您就会得到三列。

我无法复现此问题，但该错误表明您的设置不正确。请仔细检查并确保您已按照每个设置下方的说明操作。如果您的问题仍然存在，能否提供您遇到问题的网站链接？

\u003chr\u003e

我进行了一些清理工作，并删除了那些在您更新组件后将会被修复的 bug 回复。如果您的问题仍然存在，欢迎再次发帖讨论。

7 个赞