안녕하세요 
글리머 게시물 스트림(모바일)에서 임베디드 답글을 열면 일부 스타일이 부모 게시물에서 사라지는 것 같습니다.
감사합니다 
2개의 좋아요
아, 그러니까 확장된 게시글이 답글을 달고 있는 원래 게시글의 본문에 사용자명이 더 가깝게 위치하게 되는군요.
솔직히 말씀드리면, 영상에서 문제가 무엇인지 잘 보이지 않습니다. (제게는 영상이 꽤 흐릿하게 보입니다.)
문제를 명확히 설명할 수 있도록 스크린샷을 몇 장 업로드해 주시겠어요?
임베디드 답글이 확장되면 클래스가 새로고달려서, 예를 들어 post__regular regular post__contents contents div 클래스에 영향을 미치는 것 같습니다. 임베디드 답글이 열리면 이 div는 post__regular regular가 됩니다.
하지만 CSS는 여기서 .contents 클래스를 대상으로 합니다. 따라서 임베디드 답글이 열려 있을 때 이 클래스는 사용할 수 없습니다.
.mobile-view .boxed .contents {
padding: 10px 0 0 0;
}
여기서 누락된 클래스가 더 있을 것 같습니다… 부모 게시물의 스타일에 영향을 주어서는 안 되니까요.
죄송합니다. 그래도 여전히 이해가 되지 않습니다. 스크린샷에 잘못된 부분이 보이질 않는데 어떻게 된 거죠?
답글을 열면 부모 게시글의 스타일이 변경됩니다. 이것이 문제입니다.
원래 게시글은 전체 폭을 차지하고 패딩 등이 적용되어 있습니다. 이는 게시글의 사용자 정의 수정 사항에도 영향을 미칠 수 있습니다. glimmer post stream 이전에는 부모 게시글에 어떠한 수정도 하지 않고 답글만 열었습니다.
2개의 좋아요
아, 이제야 이해했어요! 인내심을 가져줘서 감사합니다! 
조금 퇴보한 것 같은데, 한번 살펴볼게요 – 감사합니다!
4개의 좋아요
안녕하세요
누군가 필요했다면, 간단하게 수정할 수 있는 방법을 공유합니다. .contents 대신 .post__regular 클래스를 대상으로 해야 합니다. 임베드된 답글이 열리면 .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;
}
}
}
}
// PM
.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;
}
}
}
1개의 좋아요
이 문제는 다음을 통해 해결됩니다.
4개의 좋아요