كيفية استخدام العرض الكامل للشاشة في Categories Plus أحدث تخطيط؟

[BrianC (Brian)]

أحاول جعل عرض الفئات + الأحدث على سطح المكتب يستخدم عرض الشاشة الكامل المتاح.

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

لقد حاولت تجاوز حاويات العديد من العناصر (.wrap، و.container، و#main-outlet، وما إلى ذلك)، لكن هذا العرض المحدد لا يزال مقيدًا، لذلك أعتقد أن هناك غلافًا أو شبكة أخرى تتحكم في عرضه.

هل يمكن لأحد أن يشير لي إلى تنسيق CSS الصحيح الذي يتحكم في عرض تخطيط الفئات + الأحدث؟

شكرًا لك.

[chapoi]

مرحباً،

ستحتاج إلى مزيج من تغيير تخطيط عمود grid على main-outlet-wrapper + تغيير المتغيرين --d-max-width و --topic-body-width ليناسب احتياجاتك.

[BrianC (Brian)]

شكرًا لك. لقد أنجزت المهمة.

.badge-category__wrapper .badge-category__name {
    font-size: 1.3em;
}
table.category-list {
  border: 1px solid #ccc;
  border-radius: 6px;
  padding: 1rem;
  box-sizing: border-box;
  border-collapse: separate;
  border-spacing: 0;
}

table.category-list thead th {
  padding: 0.5rem 0;
  border-bottom: 1px solid #e0e0e0;
}

table.category-list tbody tr td {
  padding: 0.75rem 0;
  border-bottom: 1px solid #e0e0e0;
}

table.category-list tbody tr:last-of-type td {
  border-bottom: none;
}


.latest-topic-list {
  border: 1px solid #ccc;
  border-radius: 6px;
  padding: 1rem;
  box-sizing: border-box;
}

.latest-topic-list-item {
  padding: 0.75rem 0;
  border-bottom: 1px solid #e0e0e0;
}

.latest-topic-list-item:last-of-type {
  border-bottom: none;
}

[Gunnar (Gunnar Helliesen)]

هل تغيّر شيء في التحديثات اللاحقة من Discourse؟ لأن هذا الكود CSS لا يفعل شيئًا على موقعنا، سوى إضافة حدود. (أنشأت مكوّنًا جديدًا، وأضفت الكود إلى تبويب CSS، وفعّلت المكوّن.)

هكذا تبدو Meta (وموقعنا أيضًا) على شاشتي بشكل افتراضي. سيكون من الرائع استغلال بعض من ذلك المساحة.