القائمة المنسدلة لرأس الشريط الجانبي تعرض عمودين

بعد تحديث حديث، يُظهر إصدار القائمة المنسدلة للرأس للشريط الجانبي عمودين في نسختي (سمة Minima). لا يبدو هذا مقصودًا.

إعجابَين (2)

العمود الإضافي مقصود (وفقًا لـ هذا الالتزام)، لكنني لا أعتقد أنه من المفترض أن يكون ضيقًا جدًا :thinking:

(مع التحية لـ @awesomerobot)

3 إعجابات

سأقوم بطرح القائمة المنسدلة الجانبية على موقعنا في الأسابيع القادمة (لا نزال نستخدم قائمة الهامبرغر القديمة). وأحب طريقة العرض ذات العمودين التي تجعلها تبدو بصريًا أشبه بالقائمة القديمة. هل عرض العمود متاح عبر كود CSS؟

أجبر القالب القائمة القديمة على عمود واحد، وهذا لا يعمل بشكل جيد مع القائمة الجديدة، لذلك قمت بإزالته هنا:

شكرًا للإبلاغ عنه @tomtjes!

نعم، كود CSS ذي الصلة الذي أضفناه هو:

.hamburger-panel .revamped .sidebar-section-wrapper.sidebar-section ul {
  display: grid;
  grid-template-columns: 1fr 1fr;
}

لذلك، لاستعادته إلى عمود واحد، يمكنك القيام بذلك في قالب:

.hamburger-panel .revamped .sidebar-section-wrapper.sidebar-section ul {
  grid-template-columns: 1fr;
  // يمكنك أيضًا القيام بشيء مثل `30% 70%` إذا كنت ترغب في تعديل عرض الأعمدة
  // أو `1fr 1fr 1fr` إذا كنت تريد 3 أعمدة متساوية
}

أو إذا كنت تريد أن تكون القائمة بأكملها أوسع (ستتكيف الأعمدة تلقائيًا)، يمكنك القيام بشيء مثل هذا:

.hamburger-panel .revamped  {
   width: 500px;
}
6 إعجابات

ممتاز، شكرًا لك على الإصلاح السريع والتعليمات الإضافية!

إعجابَين (2)

شكرا لك على التفاصيل @awesomerobot :slightly_smiling_face:

3 إعجابات

تم إغلاق هذا الموضوع تلقائيًا بعد 4 أيام. لم يعد يُسمح بالردود الجديدة.