تخطيط الصورة يتم إعادة تنسيقه في كتل مخفية

مرحباً، أنا مشرف منذ فترة طويلة في منتدى نقاش وأحب المنصة. ومع ذلك، في تحديث حديث يبدو أن تنسيق الكتل المخفية قد تغير وقد أفسد “قائمة مستويات” أديرها في منتدانا.

دعني أوضح…
(تعديل: بصفتي مستخدمًا جديدًا هنا، لا يمكنني إضافة سوى صورة واحدة في منشور، لذلك لا يمكنني توضيح ذلك، سأنشر هذا على أي حال وإذا تمكن شخص ما من التوضيح أدناه فسيكون ذلك ممتازًا، وإلا، يمكنك عرض المشكلة هنا: 🏆 Neo Monsters tier list (see first post) 🏆 - #2 by Killerdog - Neo Monsters Guides and Tutorials - ZigZaGame Forum)

[صورة 2] [صورة 3] [صورة 4] [صورة 5]

^ ها هي في خط أفقي جميل

مستوى S

هنا قمت بتضمين نفس الصور

^ هنا تظهر في خط عمودي

أثناء التحرير، يعرض المعاينه الصور كخط أفقي ولكن بعد بضع ثوانٍ من حفظ التعديل على المنشور، يتم قلبها إلى خط عمودي.

يبدو هذا خطأً بالنسبة لي، نظرًا لأن التنسيق غير متناسق ولم يكن يعمل بهذه الطريقة من قبل.

أهلاً بك في ميتا! :wave: :smile:

أعتقد أن مشكلتك هي أن صندوق الإضاءة (lightbox) يتم تطبيقه على صورك، مما يجعلها تستخدم العرض الكامل. أنا متأكد من أنه لم يكن يتم تطبيقه على الصور الصغيرة قبل ذلك، لذا قد يكون هذا هو سببك. أيضًا، نظرت إلى CSS، ولم تكن هناك تغييرات حديثة على وسم [details]. :thinking:

باختصار: إليك بعض CSS التي يمكنك إضافتها إلى السمة الخاصة بك أو إلى مكون سمة جديد:

.cooked details[open] .lightbox-wrapper {
    display: inline-block;
}

بعد ذلك، يجب أن تحصل على ما تريد:


كملاحظة جانبية، أعتقد أن الصورة يجب أن تكون مضمنة في [details]. هذا هو السلوك الافتراضي خارج هذا الوسم، وسيعطي المستخدم خيار تضمين/كتلة. :thinking:

تعديل: كما اكتشف Moin، فإن تطبيق صندوق الإضاءة على الصور الصغيرة يتعلق بـ:

إعجابَين (2)

شكراً جزيلاً @Moin على تتبع المشكلة إلى lightbox الذي ينطبق على صور أصغر من ذي قبل. سأتصل بمسؤول المنتدى لدينا وأحاول دفعه لتعديل السمة / مكون السمة بالاقتراح CSS.

إعجابَين (2)

@Arkshine شكراً لك مرة أخرى، لقد نجح الإصلاح!

إعجابَين (2)