员工通知位置不明确

(在重新查看了一些其他员工通知的困惑时,我偶然发现了这个旧帖子……)

我一直认为员工通知的放置可能有些含糊不清。由于主题可以以不同的方式处理颜色、边框和分隔线,因此可能很难通过这种方式解决。

一种可以应用于所有帖子通知的替代方法是使用自定义 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 个赞