تحول تخطيط القائمة المنسدلة للبحث في عرض المجهول

manuel · 10 يوليو 2023، 7:44م

يحدث فقط عند تسجيل الخروج:

Canapin · 11 يوليو 2023، 8:54ص

صيد جيد

من المحتمل أن يكون من السهل إصلاحه. هذا بسبب هذه القاعدة. إذا قمنا بإزالتها، تختفي المشكلة:

app/assets/stylesheets/common/base/header.scss

3136f6766


      
                position: absolute;
                top: 100%;
                left: 0;
                z-index: z("header") + 1; // Higher than .menu-panel
                width: 100%;
                height: 0;
                content: "";
                border-top: 1px solid var(--secondary);
              }
              &:hover {
                border-bottom: none;
              }
            }
          }
          
          .d-icon {
            width: 100%;
            font-size: var(--font-up-4);
            line-height: var(--line-height-large);
            display: inline-block;
            color: var(--header_primary-low-mid);

Canapin · 11 يوليو 2023، 9:06ص

معلومات إضافية: بينما لا يتغير الإدخال عند تمرير الماوس فوق الزر عند تسجيل الدخول، هناك وميض أبيض بحجم بكسل في الزوايا السفلية للزر:

chrome_jtg5cgRbEq

أعتقد أنه مرتبط بنفس المشكلة، ونرى السلوك بشكل أفضل إذا قمنا بزيادة مدة الانتقال هنا:

github.com/discourse/discourse

app/assets/stylesheets/common/base/header.scss

3136f6766


      
          position: relative;
          display: flex;
          align-items: center;
          justify-content: center;
          width: 2.2857em;
          height: 2.2857em;
          padding: 0.2143em;
          text-decoration: none;
          cursor: pointer;
          border: 1px solid transparent;
          transition: all linear 0.15s;
          outline: none;
          img.avatar {
            width: 2.1333em;
            height: 2.1333em;
          }
          .discourse-no-touch &:hover,
          .discourse-no-touch &:focus {
            background-color: var(--primary-low);
            border-top: 1px solid transparent;
            border-left: 1px solid transparent;

manuel · 11 يوليو 2023، 9:17ص

يمكن أن يكون هناك إصلاح آخر يتمثل في إزالة جميع إعلانات تغيير الحدود والحشو التي تحدث على أيقونات الرأس عند التحويم والحالات المحددة.

يبدو نظيفًا بشكل افتراضي، ولكن بمجرد تغيير حجم أو أيقونة، فإنه ينهار تقريبًا.

الموضوع		الردود	مرات العرض
⬇️ Dropdown Header Theme component pavilion	67	7088	9 أكتوبر 2025
Icons change color on hover with delay UX	4	545	16 يونيو 2023
How to hide a button (SVG icon) if user is logged in? Dev	17	699	5 أبريل 2024
Header Submenus Theme component official , header-submenus	88	37483	4 مارس 2025
Small issue: the mouse out area from a button is smaller than the mouse in area UX	6	704	7 سبتمبر 2022

تحول تخطيط القائمة المنسدلة للبحث في عرض المجهول

الموضوعات ذات الصلة