🌅 تقديم Horizon، تصميمنا الأحدث

[sam (Sam Saffron)]

بالنسبة لأولئك الذين لديهم مخاوف بشأن المساحة، أعتقد أنه من المهم تقسيم المحادثة إلى جزأين.

Optimal Line Length for Readability

توصي WCAG بالحفاظ على الأسطر عند 80 حرفًا أو أقل للنصوص غير CJK. تحاول تصميماتنا أن تأخذ هذا في الاعتبار؛ Horizon حاليًا حوالي 76.

لذلك، هناك محادثتان هنا:

1. أنا لا أتفق مع WCAG وخبراء قابلية الاستخدام؛ أريد فقط أن تكون الأسطر طويلة كما أريد ولا أريد لأحد أن يفرض حد الـ 80 حرفًا.
2. أنا موافق مع WCAG - أعتقد فقط أن هناك خدعة محاذاة بديلة يمكن استخدامها لجعل الأشياء تبدو أفضل.

بالنسبة للأشخاص في (2)، هل يمكنك مشاركة لقطة شاشة أو اثنتين توضح تخطيطًا أفضل للشاشات فائقة الاتساع؟

بالنسبة للأشخاص في (1)، أعتقد أن النهج هنا هو “مكون مخصص”.

[Moin]

@lindsey

سأتابع قريبًا!

هل هناك أي تحديث بشأن هذا؟

[tpetrov (Toni Petrov)]

تبدو السمة رائعة!
ولكن لماذا لا تعمل مع ملخصات الذكاء الاصطناعي الموسعة هنا على ميتا؟

[asa]

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

[lindsey (Lindsey Fogle)]

@Moin

هل هناك أي تحديث بخصوص هذا؟

لم نصل إلى هذا بعد، ولكنه على قائمتنا للاهتمام به.

في الواقع، نظر أحد زملائي للتو وأكد أن السلسلة الإضافية الوحيدة التي أضافها Horizon (وصف السمة) متاحة بالفعل في Crowdin. لذلك يجب أن نكون مستعدين تمامًا من هذا الجانب.

[Moin]

@lindsey

إذن يجب أن نكون جاهزين من هذا الجانب.

اعتقدت أن السمة تحتوي أيضًا على إعدادين يجب ترجمة أوصافهما. هل يجب أن تظل باللغة الإنجليزية، هل يجب أن أضيفها إلى هذا الملف، هل يجب نقلها إلى ملف en.yml حتى يمكن ترجمتها بسهولة في Crowdin أو هل تخطط لإزالتها الآن بعد إضافة إعدادات الموقع القابلة للتخصيص؟
https://github.com/discourse/discourse/blob/main/themes/horizon/settings.yml

[Moin]

@Moin

هل تخطط لإزالتها الآن بعد إضافة إعدادات الموقع القابلة للتخصيص؟

DEV: Use themeable site settings for Horizon

لحسن الحظ، انتظرت بصبر للتحديث. فكرت لفترة فيما إذا كان يجب عليّ ببساطة إنشاء طلب سحب لنقل النصوص. من الواضح أن ذلك كان مضيعة للوقت.

[Jagster (Jakke Lehtonen)]

حسنًا، أنا لا أفعل ذلك.

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

لكن هذا السؤال تمت مناقشته ولم يُعتبر النقر الإضافي للقيام بإحدى الوظائف الأساسية في المنتديات مشكلة

[Jagster (Jakke Lehtonen)]

حسناً…

Help us test Horizon, our newest theme

DiscourseHub and mobile: [This image shows a screenshot of the Google Assistant interface and Windows settings on a smartphone with a 31% battery level. (Tekoälyn laatima kuvateksti)] Forcing to use the sidebar to start new topic wouldn’t be the smartest move, if the target is not the most skilful users (specially when a mobile is used)

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

[chapoi]

تحديث مصغر:

بناءً على بعض التعليقات التي تلقيناها (قديمة وجديدة)، قررنا إعادة زر إنشاء موضوع على الهاتف المحمول.

ستجده في مكانه القديم. سيظل إصدار الشريط الجانبي الجديد موجودًا أيضًا.

[Nick-Permaculture (Nick J)]

@chapoi

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

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

تحرير - ساعدني الفريق في تشخيص هذا. إذا كنت تستخدم الفرع المستقر من Discourse 3.5.0، فلن يتم عرض زر الموضوع الجديد على الهاتف المحمول لأن الالتزام لن يتم إضافته حتى يتم إصدار الإصدار المستقر التالي. إذا كنت بحاجة إلى تمكين زر الموضوع الجديد على الهاتف المحمول قبل حدوث ذلك، يمكنك استخدام كود CSS المخصص هذا:

.navigation-controls .fk-d-button-tooltip {
display: inline-flex !important;
}

[newkid (Chris)]

مرحباً @lindsey. لدينا اشتراك مبتدئ، وأنا جديد في مجتمع Meta هذا. لكننا انتقلنا للتو إلى Horizon ونحصل بالفعل على ردود فعل رائعة. لذا شكراً لكم جميعاً على كل جهودكم في صنع Horizon. سيكون له تأثير على مجتمعنا وسيساعدنا في مهمتنا لإعادة التوازن لمعادلة العقارات للجميع!

[cmahns (Colin Mahns)]

هل هناك أي وثائق حول كيفية اختيار لون خلفية الشريط الجانبي/الرأس من مخططات الألوان؟ ينتج دليل العلامة التجارية والأسلوب الخاص بمؤسستنا لونًا ورديًا جدًا كناتج لألواننا، حيث يحدد Horizon اللون #ffecea كخيار غير موجود في دليل علامتنا التجارية ولا في السمة.
السمة الحالية أدناه:

{
“name”: “DSA Horizon Light”,
“light”: {
“primary”: “231F20”,
“secondary”: “ffffff”,
“tertiary”: “F04C53”,
“quaternary”: “EC1F27”,
“header_background”: “ffffff”,
“header_primary”: “3B3838”,
“selected”: “eae7e8”,
“hover”: “f2f1f1”,
“highlight”: “F5EBD6”,
“danger”: “F7A5A9”,
“success”: “009d63”,
“love”: “EC1F27”
“tertiary-med-or-tertiary”: “39845b”
}
}

[chapoi]

الخلفية مشتقة من اللون الثلاثي، #595bca في المثال أدناه

--background-color: light-dark(oklch(from #595bca 96% calc(c * 0.125) h), oklch(from #595bca 10% 0.025 h)) !important;

مُعرّف في هذا الملف _color_definitions_entrypoint.scss

إذا كنت بحاجة إليه أن يكون ورديًا أفتح، فسيتعين عليك تعديل القيم؛ تغيير 96% ← 98% على سبيل المثال سينتج لونًا ورديًا أفتح

[David_Ghost]

هل يوجد إعداد لجعل السمة بلون موحد، مثل هذا؟

[Moin]

أعتقد أن الأمر يعتمد على لوحة الألوان التي تختارها. يمكنك معرفة أي واحدة تستخدمها هنا في Meta في تفضيلاتك، ثم تكوين ذلك لـ Horizon على موقعك.