شكرا للمكون الرائع! هل سيكون من الممكن عرض البوابة لاحقًا في المنشور؟ (تبدأ جميع مواضيعنا بصورة ونود عرض جزء كبير من النص أو حتى تحديد مكان في الموضوع تظهر فيه البوابة.) أي تلميح (مثل اختراقات CSS) سيكون موضع تقدير!
نعم، كنت أتساءل عن شيء مشابه – ربما إعداد نسبة مئوية يمكن تغييره.
حاليًا، يتم إخفاء المحتوى باستخدام التقنية التالية (من بين تقنيات أخرى):
- تم تعطيل التمرير
- تم تعيين ارتفاع محتوى الصفحة بنسبة 100%
يمكنك تعديل هذه الأشياء. على سبيل المثال:
body.topic-in-gated-category {
height: 200%;
}
سيسمح هذا بمزيد من التمرير:
يمكن جعل هذا أجمل ربما عن طريق تقليل المنطقة الزرقاء لتكون أقصر (¼ أو ⅓ من الشاشة)، وتقصير التدرج الأبيض أيضًا…
يمكنك أيضًا تعديل هذا:
.topic-in-gated-category .post-stream {
max-height: 150vh;
overflow: hidden;
}
يعد اختيار عدد المشاركات التي سيتم عرضها باستخدام CSS أمرًا صعبًا لأنها على نفس المستوى مثل الإجراءات الصغيرة، والفجوة الزمنية وما إلى ذلك.
لذلك، فإن استخدام CSS مثل:
.post-stream > *:nth-child(n+6) {
display: none;
}
لن يعرض دائمًا نفس العدد من المشاركات من موضوع إلى آخر.
4 إعجابات
يبدو أن هذا سيكون مفيدًا جدًا لمنتدانا. هل يمكنك إخباري أين يجب إضافة هذا الكود المخصص، على سبيل المثال في إعدادات المكون أو في CSS الخاص بالقالب؟
شكراً جزيلاً مقدماً.
مرحباً جايمي،
ملف CSS الخاص بالسمة أو ملف CSS منفصل للمكون - كلاهما خياران مقبولان. يتيح استخدام المكون إرفاقه بسهولة بسمات متعددة، وهذا هو الخيار المفضل.
إعجاب واحد (1)
شكراً @Arkshine. وبعد التعمق أكثر، أعتقد أنني بحاجة إلى استنساخ أو عمل نسخة من المستودع لهذا المكون ثم إجراء تعديلاتي مباشرة على CSS المشترك قبل استيراد النسخة المعدلة مرة أخرى إلى Discourse؟ هل هذا صحيح؟
إعجاب واحد (1)
إذا كنت ترغب في تغيير بعض CSS، يمكنك إنشاء مكون جديد بسهولة من خلال الواجهة.
- انتقل إلى المسؤول → تخصيص
- انقر فوق
تثبيت - ثم اختر
إنشاء جديد. يجب أن يكون النوعمكون.
هذا كل شيء! قم بإرفاقه بالسمة الخاصة بك؛ بعد ذلك، يمكنك تعديل CSS/HTML.
عادةً ما ترغب في عمل نسخة متفرعة إما إذا كنت ترغب في المساهمة في المكون الأصلي على Github (عن طريق إنشاء طلب سحب) أو إذا كنت ترغب في إنشاء نسختك الخاصة. إذا قمت بذلك، فلن تتلقى أي تحديثات من المكون الأصلي؛ وهذا على الأرجح ليس ما تريده هنا!
إعجاب واحد (1)
شكراً مرة أخرى. المشكلة التي أعتقد أنها موجودة هي أن خاصية CSS في مكوني المخصص ستكون موجودة أيضًا في المكون الأساسي من المستودع على Github.
ما لم تكن هناك طريقة لتحديد أن أحد المكونات يجب أن يتجاوز الآخر، يبدو أنه من الضروري فقط إنشاء نسخة مكررة من المستودع واستخدام نسختي المعدلة (والتي تعمل الآن، ولن أحصل على تحديثات، كما تقول).
إذا لم تقم CSS الخاصة بك بالكتابة فوق المكون الأصلي، يمكنك إلحاق !important بقاعدة. يجب أن يعمل هذا.
.topic-in-gated-category .post-stream {
max-height: 150vh !important;
overflow: hidden !important;
}
إعجاب واحد (1)
هذا يعمل بشكل مثالي، شكراً مرة أخرى على المساعدة!
إعجاب واحد (1)
This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.