您好 ![]()
当我在(移动设备上的)glimmer 帖子流中打开嵌入式回复时,似乎父帖子的某些样式丢失了。
谢谢 ![]()
您好 ![]()
当我在(移动设备上的)glimmer 帖子流中打开嵌入式回复时,似乎父帖子的某些样式丢失了。
谢谢 ![]()
哦,我看到用户名更靠近帖子正文了,你展开的帖子回复了什么内容。
老实说,我很难看清视频中的问题(对我来说有点模糊)。
您能否上传一些截图来澄清问题?
我认为问题出在嵌入式回复展开时刷新了类,例如它会影响
post__regular regular post__contents contents div 类。当嵌入式回复打开时,这个 div 会变成 post__regular regular
但是 CSS 是针对这里的 .contents 类。所以当嵌入式回复打开时,它将不可用。
.mobile-view .boxed .contents {
padding: 10px 0 0 0;
}
抱歉,我还是不明白。截图里没什么问题啊?
打开回复时,它会更改父帖子的样式。这就是问题所在。
最初,帖子是全宽的,并且具有一些填充等……它也可能影响帖子的自定义修改。在 Glimmer 帖子流之前,它不会对父帖子进行任何修改,只是打开回复。
哦,我现在明白了,谢谢你的耐心!![]()
这看起来确实像一个小小的刷新,我会去看看——谢谢!
你好 ![]()
这是一个快速修复(如果有人需要的话),它将目标定位到 .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;
}
}
}