لقد كنت أستخدم مثيل Discourse لإدارة مشاريع العملاء لبعض الوقت وقررت تعزيزه بمزيد من المحتوى العام، ومشاركة دراسات الحالة والموارد. لا يزال هذا قيد التقدم (تم تصميمه فقط لسطح المكتب، ومعظم المواضيع تحتوي على محتوى بسيط فقط) ولكني أشعر أنني كنت أنظر إليه لفترة طويلة جدًا لاتخاذ أحكام جيدة بعد. :ابتسامة:
سيكون من الرائع سماع بعض الملاحظات:
بشكل عام: هل هو بديهي؟ هل ما أشاركه منطقي؟ هل تعتقد أنه يجب علي مشاركة شيء آخر أو تحديد نقاط تركيز مختلفة؟
تعديل: أعدت كتابة هذا المكون لحل المشكلات المذكورة من الناحية الفنية: المكون الرئيسي للتخطيط الذي أستخدمه هو تدفق شريط جانبي/رأس معدل. الهدف هو عرض شريط تنقل أساسي واحد فقط في كل مرة، إما الرأس أو الشريط الجانبي. المكون العادي موجود على Manuel Kostka / Discourse / Helpers / Sidebar Flow · GitLab وقد اتبعت نهجين لبناء التدفق:
إعادة تعريف الرأس فوق الشريط الجانبي كشفاف وتعيين شبكة لمحاذاة زر تبديل الشريط الجانبي والشعار مع عرض الشريط الجانبي.
استخدام خدعة نمط لتوسيع خلفية الشريط الجانبي (تعريف drop-shadow لصفحة كاملة ثم تقييده باستخدام clip-path).
لقد اخترت هذا النهج لأنه حتى الآن حصلت على أجمل رسوم متحركة مع الاحتفاظ بالرسوم المتحركة الافتراضية للانزلاق. لذا فهو مجرد الشريط الجانبي ينزلق، وخلفيته ممتدة إلى اليسار وإلى الرأس، والرأس الشفاف يجلس فوقه.
تتمثل العيوب التي أراها في أن إعادة تعريف الرأس كشبكة لا تتوافق جيدًا مع المكونات الأخرى التي يتم عرضها في الرأس. ولم أجد طريقة لجعل خدعة clip-path تعمل على Safari حتى الآن. لذا سأكون فضوليًا إذا كان لدى بعض خبراء CSS هنا أفكار أفضل! :وجه بنظارة أحادية:
تخطيط أساسي جدًا للكتل والمساحات. لا يتطلب أي حدس للاستخدام، فقط التمرير
المحتوى، الذي لا يزال مفقودًا، يملي الباقي.
تم الإنشاء باستخدام Discourse - الكتلة معطلة جدًا على جهاز iPad الخاص بي.
ربما إعادة تسميته “تسجيل دخول العميل”؟ وأود أيضًا النظر في نقله إلى الرأس. حاليًا هو في المساحة الأكثر بروزًا في موقعك، يشبه تقريبًا دعوة العمل الرئيسية.
فتح القائمة يجعل الصفحة بأكملها تقفز، مما يزيل العنصرين العلويين. هل يبدو هذا غير بديهي بعض الشيء؟
فتح القائمة على “حول” و “مواضيع” يزيل فعليًا كل المحتوى:
نعم، إنه بالفعل دعوة العمل الرئيسية حيث أن المنصة كانت بالكامل للعملاء لتسجيل الدخول لإدارة المشاريع. قد أحتاج إلى إعادة التفكير في فكرة إضافة عرض عام لها. أو على الأقل كيفية ترتيب الجانبين.
الغرض منه هو فقط تضمين المشاريع التي قمت بتنفيذها. أعتقد أنه سيكون واضحًا إذا قمت بربطها بموضوع دراسة حالة لكل منها.
كلاهما بسبب خدعة CSS مع clip-path التي ذكرتها ولا تعمل على Safari حتى الآن.
بشكل عام، ربما لا يزال تجريبيًا جدًا للاستخدام. ربما يجب أن أحاول العمل على تدفق الشريط الجانبي في سمة مخصصة أولاً. هذا هو تحدي التنفيذ الرئيسي الذي أريد حله هنا في النهاية: بناء تخطيط بملء الشاشة لا يثبت الشريط الجانبي على حافة نافذة اليسار، ولكنه يتمتع بتدفق أكثر سلاسة.
