Discourse عرض مخصص

| | | |\n|— | — | —|\n|:information_source: | ملخص | قم بتعيين عرض مخصص لمنتدى Discourse الخاص بك|\n|:eyeglasses: | معاينة | https://discourse.theme-creator.io/theme/Canapin/custom-discourse-width (عرض 1400 بكسل)|\n|:hammer_and_wrench: | المستودع | https://github.com/Canapin/Discourse-custom-width|\n|:question: | دليل التثبيت | كيفية تثبيت سمة أو مكون سمة|\n|:open_book: | جديد في سمات Discourse؟ | دليل المبتدئين لاستخدام سمات Discourse|\n\n\u003c!-- املأ "repoName" و "repoURL" لزر التثبيت التلقائي –\u003e\n\n[wrap=theme-install-button repoName="Discourse Custom Width" repoUrl="https://github.com/Canapin/Discourse-custom-width\"]\nقم بتثبيت مكون السمة هذا\n[/wrap]\n\n\u003c!-- صف هذه السمة/المكون في جملة أو جملتين –\u003e\n\nمكون السمة البسيط هذا له إعداد واحد يحدد عرض منتدى الخاص بك.\n\n

\n\nلا يمكن أن يتجاوز العرض عرض نافذتك أو يكون أقل من الحد الأقصى الافتراضي لـ Discourse وهو 1110 بكسل.\n\n\u003c!-- أضف لقطات شاشة (إذا كانت قابلة للتطبيق) –\u003e\n\nمثال للعرض بعرض 1400 بكسل:\n\n\u003c!-- أضف المزيد من التفاصيل واشرح الإعدادات (إذا كانت قابلة للتطبيق) –\u003e

7 إعجابات

مرحباً!

لماذا العرض الثابت بالبكسل فقط؟

لدي هذا في ملف CSS الخاص بي:

:root {
	--d-max-width: 80%;
}

.topic-body {
	width: 90%;
}

#reply-control {
    max-width: 80%;
}

.body-page {
    width: 100%;
    max-width: 100%;
}
3 إعجابات

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

أنا منفتح على أي أفكار وطلبات سحب :slight_smile:

إعجابَين (2)

هل هذا المكون الخاص بالمظهر متعلق بأي شكل من الأشكال بالمظهر الكامل ذي العرض الكامل؟

هذا سؤال جيد حقًا ولكني أعتقد أنه يجب عليك الوثوق بالمستخدمين.

سأفصل القيمة عن الوحدة وأقوم بـ “استعلام إذا كان/أو” داخل CSS إذا استخدموا px أو % ثم إذا ثانٍ للتحقق من القيمة إذا كانت صغيرة جدًا.

إذا px
   إذا القيمة < 1100px
     تعيين القيمة 1100
   غير ذلك
     تعيين القيمة للمتغير
غير ذلك إذا %
   إذا القيمة < 50 %
     تعيين القيمة 50%
   غير ذلك
     تعيين القيمة للمتغير

أنا صريح بأنني لا أعرف حاليًا ما إذا كان هذا ممكنًا في ملف CSS.

إعجابَين (2)

لا. هل لديك رابط لهذا المظهر؟ لم أتمكن من العثور عليه :thinking:

إعجابَين (2)

أود الحصول على “light full-width” أيضًا.

هل يمكن لأحد من @team إصدار ملف CSS الخاص به؟

إعجابَين (2)

لا يمكنني العثور عليه أيضًا، أعتقد أن هذا الموضوع حصري لهذا المنتدى.

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

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

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

إعجابَين (2)

لقد كنت أبحث عن تلك الإجابة بنفسي!

@sam @Falco هل لديكما فكرة أين يمكننا العثور على معلومات حول كيفية القيام بالمظهر الكامل الفاتح والداكن؟ :innocent:

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

أعتقد أن هذا هو مستودع سمة العرض الكامل: GitHub - discourse/discourse-full-width-component: Make Discourse occupy the full browser width

5 إعجابات

تم العثور على نفس المشكلة في منشور Op في المكون الإضافي متعدد اللغات، تبدو الروابط معطلة.

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