Nav.post-controls com show-replies está transbordando em certain widths

[rahim123]

Olá, desde a atualização do 3.3.0.beta1 para o 3.3.0.beta3, estou tendo um problema com o nav.post-controls transbordando e quebrando o layout fluido quando o botão show-replies aparece. Isso também está acontecendo aqui com os temas "Padrão" e "Padrão (largura total)" em diferentes larguras de navegador, com/sem o scroller da linha do tempo e com/sem a barra lateral:

---

Esta é a minha gambiarra de CSS por enquanto, mas uma correção adequada no upstream seria melhor:

.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 { /* Previne o transbordamento do botão Reply em larguras muito estreitas */
        padding-right: 0px;
        .d-button-label {
            display: none;
        }   
    }
}

[rahim123]

Parece que este problema está relacionado ao uso de níveis de zoom mais altos e/ou à configuração layout.css.devPixelsPerPx = 1.1 do about:config do Firefox. Eu também uso um fator de escala de texto no nível do sistema operacional de 1.1, mas não acho que o Firefox obedeça a isso, e é por isso que preciso aplicar o mesmo hack ao about:config do Firefox. Aqui estão alguns outros problemas de layout que encontrei relacionados ao nível de zoom:

Search "in this topic" responsive layout problem with "Ubuntu" base font

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…

"More Topics" container "Suggested" or "Related" selected item border intrudes into elements below it

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; }

Usercard Redesign Experiment

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]

Quirks with full-width theme and #reply-control 100% width

Hi there, I’ve found that my users really hate the wide left and right margins that Discourse uses by default. So I was using GitHub - programmersforum-reborn/discourse-wide-posts: Increases post width together with these additional CSS tweaks: :root { --d-max-width: 1900px; --topic-body-width: 1244px; } A recent Discourse update appears to have broken GitHub - programmersforum-reborn/discourse-wide-posts: Increases post width , and the full-width composer panel was going off the left …