لإظهار الحرق، أضف نص تلميح مثل `إظهار الحرق!`. وبالمثل لإخفاء التفاصيل

[EricGT]

غالبًا ما أستخدم blur spoilers للإجابة على أسئلة الواجبات المنزلية، وأستخدم Hide details لإضافة تفاصيل لا تحتاج إلى شغل مساحة في المنشور.

عند مراجعة أحد إجاباتي القديمة على StackOverflow الإجابة، لاحظت أنها تحتوي الآن على تلميح أداة (tooltip) جميل للسبويلر، أي:

وكما نعلم، فإن العديد من المستخدمين الجدد في Discourse لا يتعبون أنفسهم بتعلم طرق Discourse، لذا غالبًا ما أحتاج إلى شرح كيفية استخدام السبويلر:

سيتم تمويه هذا النص

أو إخفاء التفاصيل:

ملخص

سيتم إخفاء هذا النص

لو كان هناك تلميح أداة (tooltip) لهذه العناصر، لكان ذلك أفضل لي.

---

تعديل

عندما كتبت هذا، لم أستطع تذكر اسم tooltip لسبب ما. شكرًا لك @merefield.

لذلك غيّرت overlay text إلى tooltip. إذا بدا بعض الردود غير مناسبة، فإليّ اللوم.

[Canapin (Coin-coin le Canapin)]

قد يكون هذا كود CSS حلاً مؤقتًا:

.spoiler-blurred {
    filter: blur(0);
    & > * {
        filter: blur(0.5em);
    }
    &:after {
        content: "كشف التشويش ⚠";
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }
}

[merefield (Robert)]

ربما تكون تلميح أداة بسيط مفيدًا هنا؟ يجب أن أعترف أنني لا أجده بديهيًا بنسبة 100%. سيكون من الرائع وجود بعض التوجيه عبر تلميح أداة…

نعم @canapin، هذا سيُجدي نفعًا