متحكمات Nav.post مع show-replies تتجاوز الحد عند عرض معين

[rahim123]

مرحباً، منذ الترقية من 3.3.0.beta1 إلى 3.3.0.beta3، أواجه مشكلة في تجاوز nav.post-controls وتكسير التصميم المرن عند ظهور زر show-replies. يحدث هذا أيضاً هنا مع سمات “الافتراضي” و “الافتراضي (بعرض كامل)” عند عروض متصفح مختلفة، مع/بدون شريط تمرير الخط الزمني، ومع/بدون الشريط الجانبي:

---

هذا هو حلي المؤقت باستخدام CSS، ولكن إصلاحاً مناسباً في المصدر سيكون أفضل:

.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 { /* منع تجاوز زر الرد عند العروض الضيقة جداً */
        padding-right: 0px;
        .d-button-label {
            display: none;
        }   
    }
}

[rahim123]

يبدو أن هذه المشكلة تتعلق باستخدام مستويات تكبير أعلى و/أو إعداد Firefox about:config الخاص بـ layout.css.devPixelsPerPx = 1.1. أنا أيضًا أستخدم عامل قياس نص على مستوى نظام التشغيل يبلغ 1.1، ولكن لا أعتقد أن Firefox يلتزم بذلك، وهذا هو السبب في أنني بحاجة إلى تطبيق نفس الحيلة على about:config الخاص بـ Firefox. إليك بعض مشاكل التخطيط الأخرى التي وجدتها والمتعلقة بمستوى التكبير:

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 …