مواقع عبر DiscourseHub تتعارض مع عناصر الشريط العلوي على iPhone 14 Pro Max

تكون المواقع عبر سفاري على ما يرام:

بينما تتصادم نفس المواقع عبر DiscourseHub في أعلى الشاشة:


اختبار كل من سمات الشريط الجانبي الفاتح والمركز.

من الصعب جدًا تنشيط أي شيء في الشريط العلوي للموقع أثناء تداخلهما بهذه الطريقة.

iPhone 14 Pro Max، iOS 16.0.1 (الإصدار الحالي).

3 إعجابات

لقد علقت للتو على Titlebar is not displaying properly - #13 by spdegabrielle ولكن الآن أرى منشورك وأعتقد أنهما قد يكونان مرتبطين

إعجاب واحد (1)

لقد شاركت في هذا أيضًا، وهو يتعلق أكثر بموضوع الشريط الجانبي المركّز. هذا يتعلق بالأجهزة تحديدًا. ونتيجة لذلك، تُظهر إحدى لقطات الشاشة الخاصة بي أعلاه كليهما.

إعجاب واحد (1)

شكراً @Stephen - لدينا إصلاح لهذا في طور الإنجاز، وسنقوم بالتحديث هنا عند إصداره

7 إعجابات

من الصعب بعض الشيء معرفة ذلك، ولكن هل هذا هو نفس ما أراه هنا على https://community.wanikani.com؟ الفرق هو أنني أرى هذا على متصفحات سطح المكتب والجوال (لا أستخدم DiscourseHub)، لذلك لم أكن متأكدًا.

أعتقد أن هذا يرجع إلى استخدام height: 100% على الشعار.

.d-header {
  #site-logo.logo-big {
    height: 100%;
  }
}

ربما من الجيد إضافة max-height: var(--header-offset) إلى #site-logo الأساسي لمنع ذلك. :thinking:

إصلاح سريع :arrow_down_small:

إزالة هذه من السمة المخصصة الخاصة بك

من سطح المكتب theme_1
Screenshot 2022-09-17 at 17.42.59

.d-header {
  #site-logo.logo-big {
    height: 100%;
  }
}

ومن الهاتف المحمول theme_1
Screenshot 2022-09-17 at 17.46.52

.d-header {
  #site-logo {
    height: 100%;
    max-height: 100%;
  }
}
إضافة هذه إلى السمة المخصصة الخاصة بك

أضف هذا إلى المشترك :arrow_down_small:

.d-header {
  #site-logo {
    height: 100%;
    max-height: var(--header-offset);
  }
}

أضف هذا إلى سطح المكتب :arrow_down_small:

.d-header {
  #site-logo.logo-small {
    height: 2.667em;
  }
}

أضف هذا إلى قسم الهاتف المحمول :arrow_down_small:

.d-header {
  .title {
    max-width: 100%;
    #site-logo.logo-small {
      max-height: 2.4em;
    }
  }
}

بعد هذه التغييرات :arrow_down_small:

سطح المكتب:

الهاتف المحمول:
Screenshot 2022-09-17 at 18.04.00

إعجابَين (2)

شكراً على الاقتراح. للأسف لست مسؤولاً عن الموقع، لذا لا يمكنني فعل الكثير.

تم تحديث تطبيق Discourse Hub على متجر تطبيقات iOS وكل شيء يبدو جيدًا مرة أخرى.

إعجابَين (2)

أعتقد أن هذا قد يكون iOS 16؟ أرى أنك تستخدمه، وكان لدي هذه المشكلة على Roblox اليوم.

إعجاب واحد (1)

تم إصدار التوافق مع iPhone 14 Pro في Discourse Hub 1.8.3!

أخبرني إذا كانت هناك أي تصادمات أخرى بين رأس المنتدى وواجهة iOS. :smiley: (ليس فقط على أحدث iPhone)

4 إعجابات

هل هذا هو الإصدار منذ ستة أيام، أم إصدار آخر؟

إعجاب واحد (1)

نعم، هذا هو!

3 إعجابات