إشعارات الموظفين تشير إلى أن التحديد غير واضح

(لقد صادفت هذا المنشور القديم أثناء إعادة زيارة بعض الارتباك الآخر في إشعارات الموظفين…)

لطالما اعتقدت أن وضع إشعارات الموظفين كان غامضًا بشكل محتمل. نظرًا لأن السمات يمكنها التعامل مع أشياء مثل الألوان والحدود والفواصل بشكل مختلف، فمن المحتمل أن يكون من الصعب حلها بهذه الطريقة.

بديل يمكن تطبيقه عالميًا على جميع إشعارات المنشورات اليوم هو بعض CSS المخصص لإدراج سهم Unicode، إما قبل الصورة الرمزية:

image

CSS: قبل الصورة الرمزية
.post-notice::before {
  content: '🡇';
}

(أو ربما بشكل أكثر صحة):

.post-notice::before {
  content: " \\1F847";
}

… أو قبل محتوى النص:

image

CSS: قبل النص
.post-notice p::before {
  content: " \\1F847";
  margin-right: .5rem;
}

أوه - إليك خدعة لتغيير اللون:

image

CSS: تغيير اللون
.post-notice p::before {
  content: " \\1F847\\fe0e";
  color: yellow;
  margin-right: .5rem;
}

(إلحاق \\fe0e بأي حرف Unicode يعرض نسخة نصية تقبل اللون. مرجع.)

وقررت أن السهم المتجه لأسفل لا يبدو صحيحًا لإشعار في الموضوع الرئيسي، لأنه يؤدي بوضوح إلى الموضوع. يستبدل هذا CSS السهم بنقطة للمنشور الأول فقط:

image

CSS: مختلف للموضوع الرئيسي
#post_1 .post-notice p::before {
  content: " \\29BF\\fe0e";
  color: yellow;
  margin-right: .5rem;
}
إعجاب واحد (1)