مرحباً، هل من الممكن عدم التأكد من المنطقة المغلقة بإطار أحمر افتراضياً للجوال؟
ما هو الملف/الجزء الذي يجب أن أغيره؟
شكراً لك.
إعجاب واحد (1)
المشكلة الرئيسية لديك تتعلق بمستوى التكبير/حجم النص على هاتفك و/أو متصفحك.
هذا ما تبدو عليه شاشتي عند الرد عليك على هاتفي Pixel 6a (هاتف صغير!)
يمكنك إخفاء شريط الأدوات باستخدام زر الهامبرغر.
إعجابَين (2)
لذا: of = ifعلى الرغم من أن لقطة الشاشة في المنشور الأصلي هي تعديل لموضوع، أعتقد ذلك، وصندوق عنوان الموضوع والفئة والعلامات يشغل مساحة إضافية مقارنة بالرد.
إعجابَين (2)
نعم، للرد مقبول، ولكن للموضوع الجديد صغير
إعجابَين (2)
هناك أيضًا موضوع UX موجود مع المزيد من المناقشة إذا كنت ترغب في إضافة أفكارك إليه:
3 إعجابات
يمكنك إخفاء شريط أدوات التنسيق (المنطقة الموجودة في إطارك الأحمر) عن طريق النقر على أيقونة البرجر (3 خطوط أفقية) في أعلى اليمين.
إعجاب واحد (1)
نعم، أنت على حق. ولكن ليس كل مستخدم جديد يعرف ذلك. وهذا يجعله مشكلة في تجربة المستخدم.
يمكنك تجربة هذا السكربت الصغير. أضفه إلى السمة الخاصة بك أو إلى مكون HTML جديد في علامة التبويب Head.
إنه يخفي شريط الأدوات بالشروط التالية:
- للمواضيع الجديدة / تحرير المنشور الأول للموضوع / مسودة الموضوع فقط
- عرض الجوال
- إذا لم يكن لدى المستخدم تفضيل محفوظ. [1]
الكود لا يتلاعب بتفضيلات المستخدم.
<script type="text/discourse-plugin" version="0.8">
const { on, observes } = require("discourse-common/utils/decorators");
const serviceComposer = api.container.lookup("service:composer");
function canUpdateToolbar(context) {
return (
// موضوع جديد / تحرير المنشور الأول / مسودة الموضوع
context._isNewTopic &&
// شريط الأدوات غير مخفي
context.showToolbar &&
// عرض الجوال فقط
context.site.mobileView &&
// لا تتجاوز تفضيل المستخدم
context.keyValueStore.get("toolbar-enabled") === undefined
);
}
function updateShowToolBar(value) {
serviceComposer._wasToolbarEnabled = !value;
// يخفي شريط الأدوات دون تذكر الحالة في متصفح المستخدم.
serviceComposer._toolbarEnabled = value;
// تحديث getter المحسوب
serviceComposer.notifyPropertyChange("showToolbar");
}
api.modifyClass("component:composer-editor", {
pluginId: "composer-editor-toolbar",
@observes("composer.action")
_composerSwitchAction() {
// يعالج الوضع عند التبديل من رد إلى موضوع جديد
// دون إغلاق المؤلف.
if (canUpdateToolbar(this)) {
updateShowToolBar(false);
}
},
@on("didInsertElement")
_composerEditorInit() {
this.appEvents.one(`${this.composerEventPrefix}:will-open`, () => {
if (canUpdateToolbar(this)) {
updateShowToolBar(false);
}
});
this._super(...arguments);
},
@on("willDestroyElement")
_composerClosed() {
this._super(...arguments);
// يستعيد شريط الأدوات إذا تم إخفاؤه يدويًا.
if (serviceComposer._wasToolbarEnabled) {
updateShowToolBar(true);
}
},
});
</script>
بمجرد أن ينقر المستخدم على التبديل، يتذكر المتصفح الحالة ↩︎
إعجابَين (2)
مرحباً Arkshine، شكراً على ردك،
لقد أضفته إلى علامة تبويب الرأس في القالب الخاص بي ولكنه لا يعمل.
هل فعلت ذلك بطريقة خاطئة؟
إعجاب واحد (1)
أين هذا مطلوب؟ يؤدي النقر على الهامبرغر إلى القيام بذلك بشكل أصلي - على أجهزة iPhone على أي حال.
إعجاب واحد (1)
إذًا، إذا لم تظهر مواقع ويب كافية لأنك قمت بتعيين حجم النص والواجهة كبيرًا جدًا، فهذه مشكلة في Chrome/Safari و Google/Apple هي الملامة؟! 
فقط قم بتغيير تفضيلات الواجهة على هاتفك وستكون قد انتهيت!
أعتقد أننا نناقش الكثير من المعلومات المتكررة من Such a tiny window to edit here on a cell phone
لنغلق هذا الموضوع ونركز المحادثة هناك.
4 إعجابات