Glimmer 帖子流嵌入回复问题

您好 :waving_hand:

当我在(移动设备上的)glimmer 帖子流中打开嵌入式回复时,似乎父帖子的某些样式丢失了。

谢谢 :hugs:

2 个赞

哦,我看到用户名更靠近帖子正文了,你展开的帖子回复了什么内容。

老实说,我很难看清视频中的问题(对我来说有点模糊)。

您能否上传一些截图来澄清问题?

我认为问题出在嵌入式回复展开时刷新了类,例如它会影响
post__regular regular post__contents contents div 类。当嵌入式回复打开时,这个 div 会变成 post__regular regular
但是 CSS 是针对这里的 .contents 类。所以当嵌入式回复打开时,它将不可用。

.mobile-view .boxed .contents {
  padding: 10px 0 0 0;
}


我认为这里可能还有更多遗漏的类……因为这不应该影响父帖子的样式。

抱歉,我还是不明白。截图里没什么问题啊?

打开回复时,它会更改父帖子的样式。这就是问题所在。

最初,帖子是全宽的,并且具有一些填充等……它也可能影响帖子的自定义修改。在 Glimmer 帖子流之前,它不会对父帖子进行任何修改,只是打开回复。

2 个赞

哦,我现在明白了,谢谢你的耐心!:sweat_smile:
这看起来确实像一个小小的刷新,我会去看看——谢谢!

4 个赞

你好 :waving_hand:

这是一个快速修复(如果有人需要的话),它将目标定位到 .post__regular 类而不是 .contents 类,因为当嵌入式回复打开时 .contents 会被移除。

@use "lib/viewport";

.topic-post {
  .boxed {
    .post__regular:not(.contents) {
      position: relative;
      clear: both;
    }
  }
}

.mobile-view {
  body:not(.archetype-private_message) {
    .boxed {
      .post__regular:not(.contents) {
        padding: 10px 0 0 0;
      }
    }
  }
}

// 私信

.archetype-private_message {
  .post__regular:not(.contents) {
    border-radius: var(--d-border-radius);
    border: 1px solid var(--content-border-color);
    padding-top: 10px;
    padding-left: var(--pm-padding);
    margin-left: calc(var(--pm-padding) * -1);
    
    @include viewport.until(sm) {
      margin-left: 0;
      padding: 1.5em 1em 0;
    }
  }
}

此问题将在 UX: Always apply post content classes for replies by megothss · Pull Request #34468 · discourse/discourse · GitHub 中得到解决

3 个赞