كيف يمكنني إخفاء الشريط الجانبي للمشاهدين المجهولين؟

الدعم
1

لدينا sidebar مُعد على موقعنا، وهو خاص في الغالب مع القليل من المحتوى العام.

نحن حريصون جدًا على تفعيل الشريط الجانبي فقط عندما يكون المستخدم مسجلاً دخوله (أي عدم عرضه للمستخدمين المجهولين anon).

لقد جربت هذا الـ CSS:

// إخفاء الشريط الجانبي للمستخدمين غير المسجلين (يُفسد التنسيق للأسف)
.anon {
    .sidebar-wrapper, .header-sidebar-toggle {
        display: none;
   }
}

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

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

2

Hello,

With this you can hide the sidebar for anons. :slightly_smiling_face:

Common / CSS

html.anon {
  // Hide the narrow desktop sidebar 
  // sidebar mobile version which is activate on desktop too under 1000px width
  .d-header .hamburger-panel {
    display: none;
  }
  // Hide the header cloak when menu opens
  .header-cloak {
    display: none !important;
  }
}

Desktop / CSS

html.anon {
  // If sidebar opened use the closed style
  body.has-sidebar-page {
    #main-outlet-wrapper {
      grid-template-columns: 0 minmax(0, 1fr);
      gap: 0;
      padding-left: 10px;
    }
    .wrap {
      max-width: var(--d-max-width);
    }
  }
  // Hide hamburger button
  .header-sidebar-toggle {
    display: none;
  }
}

Mobile / CSS

html.anon {
  // Hide hamburger button
  .d-header-icons {
    .header-dropdown-toggle {
      &.hamburger-dropdown {
        display: none;
      }
    }
  }
}
10 إعجابات
3

أنت أسطورة مطلقة!
لإظهار امتناني، قمت بتعبئتها كمكون سمة (Theme component):

5 إعجابات
4

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.