محاذاة شريط الاقتباس على الهاتف المحمول

مرحباً :wave:

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

في اللغة المجرية، الأمر أسوأ بكثير…

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

شيء كهذا:

الهاتف المحمول / CSS

.quote-button {
  .buttons {
    flex-direction: column;
    
    > *:not(:last-child) {
      border-bottom: 1px solid var(--primary-low);
    }
    
    > .btn,
    .ai-post-helper__trigger {
      width: 100%;
      padding: 0.65em;
      justify-content: flex-start;
    }        
  }
}
13 إعجابًا

كانت هناك تجربة تصميم لإزالة النص قبل Hide text in text select popup menu - Feedback. لكنني أحببت حلك أكثر!

4 إعجابات

أنت على حق تمامًا في أن التنفيذ الحالي يترك شيئًا مرغوبًا فيه.
أحب اقتراحك للوهلة الأولى، ولكن كيف يتصرف عند تحديد كلمة على الحافة اليمنى (“pretty” في هذه الحالة على سبيل المثال)، أو جزء أكبر من النص؟ كلا الموقفين يمكن أن يدفعاه خارج الشاشة أيضًا. بشكل عام، غالبًا ما يكون تحديد موضع هذه الأشياء هو الجزء الصعب.
أود أن أراه قيد التنفيذ أيضًا، بالإضافة إلى لقطات الشاشة، إن أمكن.
(لكن يجب علينا بالتأكيد إصلاح التدفق الأفقي الحالي!)

3 إعجابات

إنه يتوافق بشكل جيد.

إليك العرض التوضيحي لمنشئ السمة: Theme Creator

5 إعجابات

لقد أضفت حلاً مشابهاً في النواة في هذا الالتزام.

شكراً لطرحك الموضوع @Don !

3 إعجابات