مشكلة مع زر "حفظ" في CSS مخصص على الشاشات الصغيرة

هذا ما أراه على شاشة مقاس 13 بوصة، في وضع ملء الشاشة/الموسع (هذا هو الجزء السفلي من نافذتي):

عند تحديد “إظهار متقدم”، لا يظهر ذلك حتى:
صورة

3 إعجابات

يمكنني إعادة إنتاج المشكلة على شاشتي بدقة 2560x1440 بنسبة عرض إلى ارتفاع 16/9، حيث يكون الزر خارج النافذة:

إعجاب واحد (1)

ولا حتى لديك “إظهار خيارات متقدمة” محددة… غريب.
على الأقل نعرف أنه ليس مشكلة في حجم الشاشة.
ولدينا الوضع المدمج، لذا لا بأس، على ما أعتقد. إنه يسمح لنا بالعمل. سيكون الأمر أسوأ :wink:

إعجاب واحد (1)

هذه المشكلة موجودة منذ فترة طويلة. كنت متأكدًا من أنه تم الإبلاغ عنها بالفعل، لكنني لم أتمكن من العثور عليها. ربما أخلط بينها وبين شيء آخر. هممم.

إعجاب واحد (1)

طالما لدينا النسخة المدمجة للعمل معها، فإن الأمر ليس سيئًا للغاية.

إعجاب واحد (1)

أنا أعطي الأولوية لشخص ما لإلقاء نظرة على الأسابيع القليلة القادمة، ولكن إذا أراد أي شخص المحاولة في بعض إصلاحات CSS هنا في طلب سحب (PR)، فلا تتردد.

هذا طلب سحب (PR):

4 إعجابات

شكرا! تم الدمج

3 إعجابات

عذرًا إذا كان هذا واضحًا… كيف نقوم بتحديث هذا؟ هل هو متاح بالفعل؟ إذا كان الأمر كذلك، فهل هو مجرد تحديث عادي في صفحة /admin/update؟

إعجاب واحد (1)

نعم، عندما يتم دمج طلب سحب (PR)، فإنه يصبح متاحًا من خلال تحديث عادي.

إعجابَين (2)

لقد واجهت مشكلة أخرى للتو.
لدي هذا المكون CSS مخصص وارتكبت خطأ في الكود وعندما قمت بحفظه، ظهر لي مربع الخطأ:

لقد دفع كل شيء لأسفل ولم أتمكن من حفظ التغييرات الجديدة (الإصدار الثابت). اعتقدت أنه يمكنني ببساطة تكبير/تصغير العرض لإظهار الزر، لكن مربع الكود استمر في تعديل الارتفاع.
الطريقة الوحيدة التي تمكنت بها من حفظ التغييرات الجديدة كانت استخدام فحص المتصفح، وتعيين مربع التحذير إلى display:none; وبعد ذلك تمكنت من رؤية زر الحفظ مرة أخرى.

وبينما أنا هنا، اقتراحان:
1 - ألن يكون من الممكن استخدام هذه المساحة الإضافية في الأسفل عند العرض المدمج؟ الصندوق الصغير صغير حقًا… صغير.

2 - أحب دائمًا تحرير الكود في العرض الموسع. سيكون من الرائع لو تمكنا من تعيين الافتراضي لهذا، لتجنب الاضطرار إلى توسيعه في كل مرة نفتحه.

إعجاب واحد (1)

هل لا يمكنك التمرير لأسفل؟ في جهازي المحلي، أستطيع. :thinking:

لا. الصندوق الذي يحتوي على الرمز يلامس أسفل الشاشة وحتى عندما أقوم بتصغير المتصفح، يظل الصندوق يعدل ارتفاعه.
لدي شاشة بحجم 13 بوصة، لكنني لا أعتقد أن هذه هي المشكلة… ربما يحتاج الصندوق والزر إلى أن يكونا داخل حاوية (إذا لم يكونا كذلك بالفعل) بحيث حتى لو دفعت رسائل الخطأ الصندوق لأسفل، فإن ما يلامس أسفل الشاشة هو الزر، وليس الصندوق.

إعجاب واحد (1)

أفهم ما تقصده!
نظرًا لأنك في وضع ملء الشاشة، لا يمكن تمرير الصفحة افتراضيًا.

يمكن إضافة overflow: auto; إلى الحاوية لإصلاح هذا الموقف، ويمكنك التمرير لأسفل باستخدام المنطقة الموجودة فوق المحرر.

ومع ذلك، أعتقد أنه يجب أن نرى دائمًا زر الحفظ. ستكون تجربة أفضل للمسؤول. سأحاول معرفة نهج أفضل.

إعجاب واحد (1)

آمل أن تتمكن من الوصول إلى الحل.

إعجاب واحد (1)

لقد قمت للتو بدمج بعض التحديثات التي ينبغي أن تجعل هذا أكثر قابلية للتكيف مع المساحة المتاحة للشاشة، بغض النظر عن أي لافتات أو أخطاء

4 إعجابات