Discourse 自定义宽度

主题组件
1

| | | |\n|— | — | —|\n|:information_source: | 摘要 | 为您的 Discourse 论坛设置自定义宽度|\n|:eyeglasses: | 预览 | https://discourse.theme-creator.io/theme/Canapin/custom-discourse-width (1400px 宽度)|\n|:hammer_and_wrench: | 代码库 | https://github.com/Canapin/Discourse-custom-width|\n|:question: | 安装指南 | 如何安装主题或主题组件|\n|:open_book: | 初次使用 Discourse 主题？ | Discourse 主题使用入门指南|\n\n\u003c!-- 填写“repoName”和“repoURL”以启用自动安装按钮 –\u003e\n\n[wrap=theme-install-button repoName="Discourse Custom Width" repoUrl="https://github.com/Canapin/Discourse-custom-width\"]\n安装此主题组件\n[/wrap]\n\n\u003c!-- 用一两句话描述此主题/组件 –\u003e\n\n这个非常简单的组件只有一个设置，用于定义论坛的宽度。\n\n

image
image748×791 20.7 KB
\n\n宽度不能超过您的窗口宽度，也不能小于默认 Discourse 的最大宽度 1110px。\n\n\u003c!-- 添加屏幕截图（如果适用） –\u003e\n\n例如，1400px 宽度的示例：\n
2498×1369 245 KB
\n\u003c!-- 添加更多详细信息并解释设置（如果适用） –\u003e

7 个赞
2

您好！

为什么只使用 px 固定宽度？

我的 CSS 中有这个：

:root {
	--d-max-width: 80%;
}

.topic-body {
	width: 90%;
}

#reply-control {
    max-width: 80%;
}

.body-page {
    width: 100%;
    max-width: 100%;
}
3 个赞
3

这是一个允许其他单位的好主意，但在这种情况下，我不知道如何防止用户设置一个太低的值而破坏布局。

我对任何想法和 PR 都持开放态度 :slight_smile:

2 个赞
4

这个主题组件与浅色全宽主题有任何形式的关系吗？

5

这是个很好的问题，但我认为你应该信任用户。

我会将值与单位分开，并在 CSS 中创建一个“if-else 查询”，以判断他们使用的是 px 还是 %，然后在其中进行第二次检查，以判断值是否过小。

if px
   if value < 1100px
     set value 1100
   else
     set value to variable
else if %
   if value < 50 %
     set value 50%
   else
     set value to variable

老实说，我目前不知道这在 CSS 文件中是否可行。

2 个赞
6

它不是。您有这个主题的链接吗？我找不到 :thinking:

2 个赞
7

我也很想拥有“light full-width”。

@team 的人能否发布它的 CSS？

2 个赞
8

我也找不到，我认为这个主题仅限于此论坛。

1 个赞
9

我看到了你正在谈论的主题。是的，它们看起来很相似，我还可以添加一个设置来设置内容的宽度。

为了让主题组件更独特，我可以在用户设置中设置字段，这样每个人都可以拥有自己偏好的宽度。

2 个赞
10

我也一直在找那个答案！

@sam @Falco 有人知道在哪里可以找到关于如何实现浅色和深色全宽主题的信息吗？ :innocent:

1 个赞
11

我认为这是全宽主题的仓库：GitHub - discourse/discourse-full-width-component: Make Discourse occupy the full browser width

5 个赞
13

在多语言插件帖子中发现了同样的问题，链接似乎已损坏。

1 个赞