# FKB Pro - 社交主题

**URL:** https://meta.discourse.org/t/fkb-pro-social-theme/234323
**Category:** Theme
**Created:** [2022年七月28日 20:58 UTC](https://meta.discourse.org/t/fkb-pro-social-theme/234323 "2022-07-28T20:58:41Z")
**Posts on this page:** 19
**Page:** 25

<div class="post-metadata">

### Author: ![gilles](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/gilles/32/549022_2.png) [@gilles](https://meta.discourse.org/u/gilles)
#### Post date: [2026年八月29日 16:56 UTC](https://meta.discourse.org/t/fkb-pro-social-theme/234323/503 "2026-08-29T16:56:38Z")

</div>

SCSS 代码唯一的小问题是它不会自动换行，因此单词会被截断 😉

---

<div class="post-metadata">

### Author: ![Don](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/don/32/228726_2.png) [@Don](https://meta.discourse.org/u/Don)
#### Post date: [2026年八月29日 16:59 UTC](https://meta.discourse.org/t/fkb-pro-social-theme/234323/504 "2026-08-29T16:59:42Z")

</div>

你的意思是？可以发个截图吗？

---

<div class="post-metadata">

### Author: ![gilles](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/gilles/32/549022_2.png) [@gilles](https://meta.discourse.org/u/gilles)
#### Post date: [2026年八月29日 17:03 UTC](https://meta.discourse.org/t/fkb-pro-social-theme/234323/505 "2026-08-29T17:03:27Z")

</div>

这是我手机的截图。可以看到，类别名称显示不完整

 ![Screenshot_20260829-190109_Chrome](https://global.discourse-cdn.com/meta/original/4X/f/c/0/fc00de0923513753dd92b8090033052aca4c68c6.jpeg)

---

<div class="post-metadata">

### Author: ![Don](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/don/32/228726_2.png) [@Don](https://meta.discourse.org/u/Don)
#### Post date: [2026年八月29日 17:34 UTC](https://meta.discourse.org/t/fkb-pro-social-theme/234323/506 "2026-08-29T17:34:13Z")

</div>

这是核心功能中的预期行为。如果你希望类别名称换行显示而不是被截断，可以尝试以下方法：

```scss
.category-heading {
  &.--has-logo {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: var(--space-4);
  }
  &__content {
    min-width: 0;
    .badge-category__wrapper {
      max-width: 100%;
      white-space: normal;
      overflow-wrap: anywhere;
      .badge-category {
        &.--style-emoji,
        &.--style-icon {
          align-items: baseline;
        }
      }
    }
  }
}

```

---

<div class="post-metadata">

### Author: ![gilles](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/gilles/32/549022_2.png) [@gilles](https://meta.discourse.org/u/gilles)
#### Post date: [2026年八月29日 17:59 UTC](https://meta.discourse.org/t/fkb-pro-social-theme/234323/507 "2026-08-29T17:59:46Z")

</div>

> [@Don](#):
>
> ```plaintext
> .category-heading {
> &.--has-logo {
> display: grid;
> grid-template-columns: auto minmax(0, 1fr);
> gap: var(--space-4);
> }
> &__content {
> min-width: 0;
> .badge-category__wrapper {
> max-width: 100%;
> white-space: normal;
> overflow-wrap: anywhere;
> .badge-category {
> &.--style-emoji,
> &.--style-icon {
> align-items: baseline;
> }
> }
> }
> }
> }
> 
> ```

太棒了，运行成功了 @Don 你真是大神 👏

---

<div class="post-metadata">

### Author: ![gilles](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/gilles/32/549022_2.png) [@gilles](https://meta.discourse.org/u/gilles)
#### Post date: [2026年八月31日 06:36 UTC](https://meta.discourse.org/t/fkb-pro-social-theme/234323/508 "2026-08-31T06:36:47Z")

</div>

我注意到在平板版上，类别没有显示描述，但在手机版上却有。我认为在手机版上也采用同样的做法会比较合理。🤔

---

<div class="post-metadata">

### Author: ![gilles](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/gilles/32/549022_2.png) [@gilles](https://meta.discourse.org/u/gilles)
#### Post date: [2026年八月31日 08:24 UTC](https://meta.discourse.org/t/fkb-pro-social-theme/234323/509 "2026-08-31T08:24:10Z")

</div>

我还注意到，如果使用嵌套回复，头像显示会有个小问题，看起来有点大。

 ![image](https://global.discourse-cdn.com/meta/original/4X/0/9/8/0985fd74c12d5049fddf4891846a66179ec5992a.png)

不知道是不是只有我这样？

---

<div class="post-metadata">

### Author: ![Don](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/don/32/228726_2.png) [@Don](https://meta.discourse.org/u/Don)
#### Post date: [2026年八月31日 10:12 UTC](https://meta.discourse.org/t/fkb-pro-social-theme/234323/510 "2026-08-31T10:12:18Z")

</div>

谢谢 @gilles！我已经合并了针对这些问题的更新……

---

<div class="post-metadata">

### Author: ![gilles](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/gilles/32/549022_2.png) [@gilles](https://meta.discourse.org/u/gilles)
#### Post date: [2026年八月31日 13:07 UTC](https://meta.discourse.org/t/fkb-pro-social-theme/234323/511 "2026-08-31T13:07:29Z")

</div>

我测试过了，一切正常，谢谢 @Don 反应这么快 👏 👍

---

<div class="post-metadata">

### Author: ![gilles](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/gilles/32/549022_2.png) [@gilles](https://meta.discourse.org/u/gilles)
#### Post date: [2026年九月1日 08:00 UTC](https://meta.discourse.org/t/fkb-pro-social-theme/234323/512 "2026-09-01T08:00:37Z")

</div>

@Don 我在桌面模式下发现了一个小的显示 bug，在没有侧边栏的电脑端会出现这个问题，仅供参考 😉

 ![image](https://global.discourse-cdn.com/meta/original/4X/b/2/b/b2b242eaa89c36cbd59c692f9bd44428607c928e.jpeg)

---

<div class="post-metadata">

### Author: ![Don](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/don/32/228726_2.png) [@Don](https://meta.discourse.org/u/Don)
#### Post date: [2026年九月1日 08:16 UTC](https://meta.discourse.org/t/fkb-pro-social-theme/234323/513 "2026-09-01T08:16:37Z")

</div>

谢谢，我已经在这里修复了：[FIX: Enhance category heading styles in SCSS · VaperinaDEV/fkb-pro-theme@95a3c25 · GitHub](https://github.com/VaperinaDEV/fkb-pro-theme/commit/95a3c2509b1e2adfc8e99ea43b29c49b409b5b24)

---

<div class="post-metadata">

### Author: ![gilles](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/gilles/32/549022_2.png) [@gilles](https://meta.discourse.org/u/gilles)
#### Post date: [2026年九月1日 08:30 UTC](https://meta.discourse.org/t/fkb-pro-social-theme/234323/514 "2026-09-01T08:30:42Z")

</div>

已测试并批准 👍

---

<div class="post-metadata">

### Author: ![Lou](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/lou/32/544605_2.png) [@Lou](https://meta.discourse.org/u/Lou)
#### Post date: [2026年九月1日 14:55 UTC](https://meta.discourse.org/t/fkb-pro-social-theme/234323/515 "2026-09-01T14:55:29Z")

</div>

我刚安装了它。我相当确定安装完成后右侧会有一个 fakebook 面板，但它似乎在我这里消失了。我不确定自己改了什么导致它消失，也不知道该怎么把它找回来。

---

<div class="post-metadata">

### Author: ![Don](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/don/32/228726_2.png) [@Don](https://meta.discourse.org/u/Don)
#### Post date: [2026年九月1日 15:24 UTC](https://meta.discourse.org/t/fkb-pro-social-theme/234323/516 "2026-09-01T15:24:49Z")

</div>

你好 👋 右下角有一个按钮，可以切换此部分。

---

<div class="post-metadata">

### Author: ![Don](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/don/32/228726_2.png) [@Don](https://meta.discourse.org/u/Don)
#### Post date: [2026年九月1日 20:19 UTC](https://meta.discourse.org/t/fkb-pro-social-theme/234323/517 "2026-09-01T20:19:27Z")

</div>

我已更新主题：[DEV: Improve FKB panel and right sidebar layout handling - Pull Request #78 - VaperinaDEV/fkb-pro-theme - GitHub](https://github.com/VaperinaDEV/fkb-pro-theme/pull/78/changes)

---

<div class="post-metadata">

### Author: ![Lou](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/lou/32/544605_2.png) [@Lou](https://meta.discourse.org/u/Lou)
#### Post date: [2026年九月1日 20:42 UTC](https://meta.discourse.org/t/fkb-pro-social-theme/234323/518 "2026-09-01T20:42:00Z")

</div>

> [@Don](#):
>
> 右下角有一个按钮可以切换此部分。

啊，找到了——谢谢！嗯，难道是我误触了？还是当我在手机上打开这个页面时它被关掉了？我会做点实验，然后回来汇报结果。

---

<div class="post-metadata">

### Author: ![Don](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/don/32/228726_2.png) [@Don](https://meta.discourse.org/u/Don)
#### Post date: [2026年九月2日 06:43 UTC](https://meta.discourse.org/t/fkb-pro-social-theme/234323/519 "2026-09-02T06:43:51Z")

</div>

是啊，它在手机上无法渲染。

---

<div class="post-metadata">

### Author: ![Lou](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/lou/32/544605_2.png) [@Lou](https://meta.discourse.org/u/Lou)
#### Post date: [2026年九月2日 09:17 UTC](https://meta.discourse.org/t/fkb-pro-social-theme/234323/520 "2026-09-02T09:17:22Z")

</div>

> [@Don](#):
>
> 它在移动端无法渲染

对，当然。

我之前一直以为，当我在手机上阅读我们的论坛时，_有可能_是我的桌面端面板被关掉了。不过我刚才做了这个测试，面板并没有被关掉。所以我的桌面端面板到底是怎么被禁用的，真是个谜——我一定是误点了那个禁用箭头。

---

<div class="post-metadata">

### Author: ![xlg256](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/xlg256/32/555005_2.png) [@xlg256](https://meta.discourse.org/u/xlg256)
#### Post date: [2026年九月23日 02:56 UTC](https://meta.discourse.org/t/fkb-pro-social-theme/234323/521 "2026-09-23T02:56:44Z")

</div>

嗨，Don！非常喜欢 FKB Pro 主题。

有个小请求：能否添加一个设置，让话题卡片上显示多个参与者的头像，而不仅仅是最后发帖人的头像？

单个头像看起来确实很简洁，但显示多个参与者能更好地突出讨论的活跃度。如果能加一个开关来切换这个功能就太棒了！

感谢你的出色工作！Leo

[上一頁](https://meta.discourse.org/t/fkb-pro-social-theme/234323.md?page=24)
