يرجى مشاركة كود CSS الخاص بك! سيُسهّل ذلك عملية إصلاح الـ TC.
إليك طريقة غير رسمية إلى حد ما للقيام بذلك (في common/css، وليس /mobile/css)
@use "lib/viewport";
@include viewport.until(md) {
.d-header:not(:has(.extra-info-wrapper.topic-info-visible)):not(:has(.extra-info-wrapper .topic-link)):not(.header-topic-info-visible) .title {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
margin: 0;
}
}
إعجابَين (2)
نعتذر، لم نتمكن بعد من تحديث هذا المكون بدقة، لكن نعم، الانتقال من عروض الهاتف المحمول/سطح المكتب كسر بالتأكيد بعض الافتراضات التي كان يقوم عليها مكون السمة الأصلي.
@Lilly شكراً لك على الدفع نحو الأمام في هذا الشأن، فإن استخدام position: absolute سيعمل كحل مؤقت… أما إعادة ترتيب العناصر في هذا المكون فهي مجرد تطبيق لحل بسيط باستخدام CSS Grid بدلاً من ذلك.
إعجابَين (2)
مرحبًا بالجميع، مجرد متابعة. لقد قامت ليلي بعمل كبير في تنظيف هذا وتحديثه — لقد دمجت تغييراتها للتو، لذا يجب أن يكون جاهزًا الآن
4 إعجابات
مرحبًا @featheredtoast، لدي طلب سحب (PR) هنا لإصلاح مشكلة الرأس في سمة Horizon بالنسبة لأحجام شاشات الهواتف القابلة للطي وبعض الأجهزة اللوحية.
سأترك لك الإطلاع عليه ودمجه:
5 إعجابات
يبدو جيدًا - دعنا نجربه، شكرًا @Lilly !
إعجابَين (2)
عندما أقوم بالتمرير لأعلى داخل موضوع، بحيث يتغير الرأس (لعرض اسم الموضوع والفئات)، فإن الرأس الجديد لا يحتوي على أيقونة الهامبرغر. مع وجود أيقونة الهامبرغر على اليسار عندما تكون موجودة، فهذا يعني أن أيقونة المنتدى تتغير موضعها. أتساءل عما إذا كان من الممكن إضافة خيار لجعل أيقونة الهامبرغر على يمين أيقونة المنتدى.这将意味着论坛图标在两种类型的头部中保持相同的位置。谢谢。
P.S. 我刚刚注意到，在桌面上不使用主题组件时，汉堡图标会一直存在。也许这也可以成为移动设备上的一个选项。
شخصياً، لا أؤيد هذا التغيير (ربما يشعر @featheredtoast بشكل مختلف) ولكن إذا كنت بحاجة إليه، يمكنك ببساطة إضافة هذا CSS في مكون سمة آخر على منتداك لتجاوز ترتيب العناصر.
.d-header {
display: grid;
grid-template-areas: 'logo left-menu custom-header-icon-link-1 custom-header-icon-link-2 custom-header-icon-link-3 custom-header-icon-link-4 custom-header-icon-link-5 extra-info chat header-buttons search right-menu'!important;
}
النتيجة:
لا ينبغي أن تظهر أيقونة الهامبرغر في الهيدر المتمرّد على الموبايل من أجل تعظيم مساحة الهيدر للعناوين الطويلة
5 إعجابات
أشارك نفس الرأي الذي أعرب عنه @Lilly هنا، كانت الفكرة هي جعل زر الهامبرغر على اليسار يبدو وكأنه في التطبيقات الأخرى… لم أقم بتحسين القفز (Jump)، لأن التجربة الافتراضية كانت تفعل ذلك بالفعل.
بمجرد أن يكون في شبكة كما أظهرت، من السهل تحديث مواقع جميع العناصر بإدخال minimal من مكون السمة الأساسية هنا.
أنا منفتح على طلبات السحب (PRs) إذا كان هناك طلب كافٍ، لكن هذا هو أول مرة أسمع فيها عن طلب مثل هذا حالياً.
4 إعجابات
هل هذا صحيح؟
على سطح المكتب، لا يوجد “قفز” لأن قائمة الهامبرغر (من ذاكرتي) تظل دائمًا على يسار أيقونة المنتدى.
وعلى الهاتف المحمول، لا يوجد قفز أيضًا، لأن كل شيء باستثناء أيقونة المنتدى يتم استبداله.
إعجاب واحد (1)
بدأت في استخدام مكون السمات الخاص بك (شكرًا لك على مشاركته!) وقمت بإيقاف الأيقونة الرئيسية على الهواتف المحمولة لجعل هذا متوافقًا مع فلسفة واجهة المستخدم وتجربة المستخدم لدينا، بهدف الحفاظ على كل شيء نظيفًا قدر الإمكان.
إعجاب واحد (1)
