안녕하세요, 3.3.0.beta1 → 3.3.0.beta3로 업그레이드한 후 nav.post-controls가 show-replies 버튼이 나타날 때 넘치며 유동적 레이아웃을 깨뜨리는 문제가 발생하고 있습니다. 이 문제는 타임라인 스크롤러가 있거나 없으며, 사이드바가 있거나 없더라도 “Default” 및 “Default (full-width)” 테마에서 다양한 브라우저 폭에서 모두 발생하고 있습니다:
현재는 이 임시 CSS 해킹을 사용하고 있지만, 공식적인 upstream 수정이 더 좋겠습니다:
.topic-post .post-controls .show-replies {
display: flex;
justify-content: flex-end;
white-space: nowrap;
overflow: hidden;
max-width: calc(100% - 5px);
padding: 1px;
}
@media only screen and (max-width: 675px) {
.topic-post .post-controls {
--control-margin: 0;
}
.topic-post .post-controls .reply { /* 매우 좁은 폭에서 Reply 버튼 넘침 방지 */
padding-right: 0px;
.d-button-label {
display: none;
}
}
}
1개의 좋아요
이 문제는 더 높은 확대 수준을 사용하거나 Firefox의 about:config 설정인 layout.css.devPixelsPerPx = 1.1과 관련이 있는 것으로 보입니다. 저도 OS 수준의 텍스트 확대 배율 1.1을 사용하지만, Firefox가 이를 따르는 것 같지 않아 Firefox의 about:config에 동일한 해킹을 적용해야 합니다. 확대 수준과 관련된 다른 레이아웃 문제들을 몇 가지 발견했습니다:
Hi there, I’m having a weird rendering problem at certain zoom levels with Firefox on my site. The problem is with the search “in this topic” text wrapping onto two lines. It appears to only happen with the system base font set to “Ubuntu” and the zoom level at 100% or 110% . I also have my Discourse profile interface font size preference set to “Larger”. I’m seeing the same behavior with Sam’s Simple Theme as well as the default Discourse light theme, and I tried disabling all my theme componen…
Hi there, this issue is even more noticeable on my own instance, but it’s also visible here on Meta:
[image]
I worked around it for now with:
.more-topics__container .nav li .btn { /* Private messages "Related" and "Suggested" selected border was intruding into elements below */
padding: 0em .65em;
}
Hi there, I ran across a bit of an issue where the usercard appears partially off-screen. It seems to only happen when the browser is maximized and using a higher zoom and/or higher dpi setting.
It’s more noticeable with Sam’s Simple Theme, but it starts to happen with the “Default” theme too depending on the zoom level and how many frequent posters appear:
[image]
