موضع زر الموضوع الجديد على Horizon

متابعة النقاش من اختفى زر إنشاء موضوع جديد:

أتساءل عما إذا كان يمكن تغيير هذا الزر ليصبح عائمًا ونقله إلى الزاوية اليمنى السفلية؟ حاولت القيام بذلك باستخدام مهاراتي المحدودة في CSS لكنني لم أتمكن؛ أشك أن هيكل HTML في Horizon هو ما يقيد ذلك.

أقدّر أي نصائح أو إرشادات لجعل هذا ممكنًا :slight_smile:

هل تقصد شيئًا كهذا؟

أعتقد أن شيئًا كهذا سيعمل

.sidebar-new-topic-button__wrapper {
    position: fixed;
    bottom: 2rem;
    right: 2rem;
    margin: 0;
}

لكنه لن يكون “على دراية” بأي عناصر أخرى على الصفحة، لذلك سيغطي عليها.

شكراً لك! هذا ما حاولتُ فعله، لكنّه يُخفى خلف العديد من العناصر الأخرى، والحيلة المعقّدة z-index: 999 لا تعمل هناك. أفهم أنّ السبب هو العناصر الأصلية (ancestors) في القالب.

يُخفى خلف بطاقات المواضيع، وعناصر الشريط الجانبي الأيمن، وما إلى ذلك.

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

آه، السبب هو أن عنصر DOM الأب له position:sticky… حسنًا، هذا هو السبب، لكنني لست متأكدًا من وجود حل في CSS :sweat_smile:

على الرغم من ذلك، فإن تعيين z-index:1 على sidebar-wrapper يحل مشكلة سياق التراص (ويجعل الزر يعمل كما نريد). لا أعتقد أن لهذا أي عواقب أخرى، لكن من المستحيل التنبؤ بكل ما قد يحدث مع z-index.