Plots2: إصلاح النمط المتجاوب لزر شريط الأدوات "إدراج رأس"

في المحرر القديم ، يختفي رمز زر شريط الأدوات "إدراج رأس" تمامًا عند تغيير حجم النافذة.
على وجه التحديد ، إذا كان عرض النافذة أكبر من 700 بكسل وأقل من 1000 بكسل.

فيديو

(زر Header هو H في الفيديو أدناه)

https://user-images.githubusercontent.com/4361605/111892783-b005ec80-89bb-11eb-81e6-14d68b3a9422.mov

كيفية التكاثر

انتقل إلى أي مكان يستخدم المحرر القديم على موقعنا. يتضمن هذا الملاحظات ، ومواقع wiki ، والأسئلة.
يتضمن أيضًا /wiki/new .

1. على سبيل المثال ، انتقل إلى هذه الملاحظة على خادم الاختبار الخاص بنا على موقع ثابت.
2. قم بتغيير حجم النافذة على النحو الوارد أعلاه ، ولاحظ كيف يختفي الحرف H.

اقترحت الإصلاحات

سيتعين عليك إجراء بعض الأبحاث في Codeebase وأوراق أنماط CSS.

الجزء الجزئي لشريط الأدوات هو /app/views/editor/_toolbar.html.erb :
https://github.com/publiclab/plots2/blob/07a243da39702501d0f5d4de8a3683a24d680a38/app/views/editor/_toolbar.html.erb#L29 -L44

لاحظت أن الرمز ملفوف في span مع فئة d-md-none ، لذلك قد يكون الأمر كذلك. لكن بالتأكيد العب مع هذا وشاهد ما تجده!

هذه مشكلة رائعة بالنسبة لشخص أكمل للتو منظمة إرهابية أجنبية ويريد شيئًا أكثر تحديًا.

انشر تعليقًا هنا للمطالبة بهذه المشكلة ، وبعد ذلك ، لا تتردد في إرسال تعليق يطلب المساعدة إذا واجهتك مشكلة!