Nav.post-controls con show-replies se desborda en ciertos anchos

[rahim123]

Hola, desde que actualicé de 3.3.0.beta1 a 3.3.0.beta3, tengo un problema con que nav.post-controls se desborda y rompe el diseño fluido cuando aparece el botón show-replies. Esto también está sucediendo aquí con los temas “Default” y “Default (full-width)” a diferentes anchos de navegador, con/sin el desplazador de línea de tiempo y con/sin la barra lateral:

---

Este es mi hack de CSS temporal, pero una solución adecuada upstream sería mejor:

.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 { /* Evita el desbordamiento del botón Reply con anchos muy estrechos */
        padding-right: 0px;
        .d-button-label {
            display: none;
        }   
    }
}

[rahim123]

Parece que este problema está relacionado con el uso de niveles de zoom más altos y/o la configuración de Firefox about:config de layout.css.devPixelsPerPx = 1.1. También utilizo un factor de escala de texto a nivel del sistema operativo de 1.1, pero no creo que Firefox lo respete, por eso tengo que aplicar el mismo truco a about:config de Firefox. Aquí hay otros problemas de diseño que encontré relacionados con el nivel 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 …