قبل أن أحاول مهاجمته بمجموعة من الأكواد، أتساءل فقط عما إذا كان من الممكن إجبار الشعار على الجلوس داخل حاوية الصفحة بجوار الشريط الجانبي بدلاً من وجود الشريط الجانبي أسفله؟
3 إعجابات
يمكنك إلقاء نظرة على مكون سمة مواقع منافذ الإضافات لمعرفة أين يمكنك إضافة الأشياء بسهولة.
سيساعد ذلك فقط إذا كنت ستنشئ مكونًا خاصًا بك أو تقوم بعمل نسخة متفرعة من هذا المكون.
إعجابَين (2)
لقد فتحت للتو طلب سحب (PR) سيضيف إعداد منفذ للمكون الإضافي حتى يمكن عرضه على هذا النحو:
@tshenry هل يمكنك تجربته ودمجه عندما تتاح لك الفرصة؟ DEV: plugin outlet setting for sidebar, prettier by awesomerobot · Pull Request #15 · discourse/discourse-versatile-banner · GitHub
6 إعجابات
شكرا جزيلا لك على هذا وعلى كل عملك الرائع @awesomerobot 
3 إعجابات
تبدو رائعة 
شكراً لك @awesomerobot!
تم دمج طلب السحب!
4 إعجابات
تم اختباره ويعمل بسلاسة!
3 إعجابات
يعمل بشكل مثالي! 
3 إعجابات
ملاحظة سريعة - يبدو أن هذه المكونة تترك فجوة في الهامش العلوي أسفل الرأس في عرض سطح المكتب - وهي ملحوظة أيضًا فوق شريط التنقل في العروض التي لا تكون ممكّنة فيها (على سبيل المثال: إذا تم تعطيل إظهار للأعضاء).
لإعادة الإنتاج، انتقل إلى صفحة قائمة الفئة أو الموضوع في عرض سطح المكتب وقارن عندما تكون المكونة ممكّنة أو معطلة - يتوسع الهامش العلوي بحوالي 25 بكسل. يمكن رؤية هذا في العروض التي لا يكون فيها الشعار ممكّنًا للأعضاء أيضًا (لقد أضفت مصححًا لـ هامش علوي إلى main-outlet في CSS المشترك في الوقت الحالي).
إعجابَين (2)
[اقتباس=“ليلي, المشاركة: 8, الموضوع: 280280, اسم المستخدم: ليلي”]
يبدو أن هذا المكون يترك فجوة في الهامش العلوي أسفل الرأس في عرض سطح المكتب
[/اقتباس]
يمكنني ملاحظة الشيء نفسه في عرض الجوال أيضًا. تعطيل TC (مكون التحكم) هذا يحل المشكلة، لذا فإن السبب يكمن بالتأكيد في مكان ما هنا.
إعجابَين (2)
للعلم، يمكنك إضافة هذا إلى CSS الشائع لتنسيق اللافتة. أستخدم شيئًا مشابهًا لتنسيق لافتتي المتعددة الاستخدامات لإصلاحها في الوقت الحالي.
// * التعويض عن هامش اللافتة المتعددة الاستخدامات العلوي *\
#main-outlet {
margin-top: -25px;
}
إعجابَين (2)
تم دمج 4 مشاركات في موضوع موجود: Versatile Banner