لا أرى أي ضرر في إظهار أدوات تغيير الحجم في المعاينة بشكل مطلق لثلاثة أسباب:
السبب الأول هو أننا نقوم فقط بـ “إخفائها” باستخدام الشفافية
وهو ما يعني أنها لا تزال تشغل مساحة معينة حتى عندما تكون غير مرئية. المكون الأبوي مُوضع بشكل مطلق، لكننا نضيف بعض الحشو إلى .image-wrapper.
السبب الثاني هو أن الميزة ستعمل بعد ذلك على الأجهزة المحمولة أيضًا، وهو ما لا يحدث حاليًا بالنسبة لي على الرغم من أنه من المفترض أن يعمل.
السبب الثالث هو أن ذلك سيزيد من قابلية اكتشاف الميزة.
بدلاً من ذلك، يمكننا جعل أدوات التحكم في جميع الصور مرئية عند تمرير الماوس فوق لوحة المعاينة، وليس على الصور الفردية. بالإضافة إلى ذلك، سنقوم بإصلاح المشكلة على الأجهزة المحمولة (والتي قد تقتصر على أجهزتي فقط).
إذا جعلنا أدوات التحكم مرئية بشكل مطلق، فيمكننا أيضًا تخصيص بعض الوقت لجعل مظهرها أجمل.
نعم، أفضل أن تكون هذه العناصر مرئية دائمًا ومُطبقة كطبقة علوية فوق الصورة حتى لا يبدو أن المسافات أكبر في المحرر مقارنة بالمنشور الفعلي.
السبب الذي دفعنا لعدم القيام بذلك في الأصل هو أن أزرار التحكم كانت تومض بشكل مزعج أثناء الكتابة. أعتقد أن بعض التغييرات التي أُجريت قللت من هذه الوميض، لكن أزرار التحكم تُزال تمامًا من هيكل المستند (DOM) بمجرد بدء الكتابة… بمجرد حل هذه المشكلة، يرجى المتابعة وإعادة تنسيقها لتظهر دائمًا، يا @johani!
لا ألاحظ أي وميض عند إزالة الشفافية، لذا أعتقد أننا حللنا المشكلة؟
أصلحت النقطة (1) وفقًا لـ:
لكن لا يزال لدي شعور بأن الجوهر هنا هو أن المشكلة ليست قابلة للاكتشاف بشكل صحيح وتعتمد على التحويم.
@Johani، ربما يمكنك إنشاء مكون سمة لتنسيق هذا الآن (بما أنك تستطيع استخدام CSS خالص للحصول على أي شيء تريده)، وتأكد من تجربته على صورة قصيرة جدًا. ثم قم بتثبيت المكون على بيئتي التطوير والاختبار (dev و meta) لنتعامل معه لفترة ونقرر ما إذا كنا نفضّل هذا الحل أم لا؟
