# 如何从登录UI中删除挥手表情符号？

**URL:** <https://meta.discourse.org/t/how-do-i-remove-the-hand-wave-emoji-from-the-login-ui/194589>\
**Category:** UX\
**Created:** [2021年六月21日 18:45 UTC](https://meta.discourse.org/t/how-do-i-remove-the-hand-wave-emoji-from-the-login-ui/194589 "2021-06-21T18:45:32Z")\
**Posts on this page:** 6\
**Page:** 1

<div class="post-metadata">

**Author:** ![mk0r](https://avatars.discourse-cdn.com/v4/letter/m/4da419/32.png) [@mk0r](https://meta.discourse.org/u/mk0r)\
**Post date:** [2021年六月21日 18:45 UTC](https://meta.discourse.org/t/how-do-i-remove-the-hand-wave-emoji-from-the-login-ui/194589/1 "2021-06-21T18:45:32Z")

</div>

我在管理后台没看到修改界面文本的选项……

---

<div class="post-metadata">

**Author:** ![mk0r](https://avatars.discourse-cdn.com/v4/letter/m/4da419/32.png) [@mk0r](https://meta.discourse.org/u/mk0r)\
**Post date:** [2021年六月21日 18:50 UTC](https://meta.discourse.org/t/how-do-i-remove-the-hand-wave-emoji-from-the-login-ui/194589/2 "2021-06-21T18:50:20Z")

</div>

我使用 CSS 移除了它——最初是通过为 `.waving-hand` 类设置 `display: none`，但这破坏了布局，并移除了“欢迎回来”和“登录您的账户”文本之间的换行，因此我将其改为设置为 `opacity: 0`。

我在想是否有更好的方法？挥手的手势在我看来有点傻。

---

<div class="post-metadata">

**Author:** ![awesomerobot](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/awesomerobot/32/142900_2.png) [@awesomerobot](https://meta.discourse.org/u/awesomerobot)\
**Post date:** [2021年六月21日 19:14 UTC](https://meta.discourse.org/t/how-do-i-remove-the-hand-wave-emoji-from-the-login-ui/194589/3 "2021-06-21T19:14:06Z")

</div>

CSS 是隐藏该元素的最佳方式，正如您所指出的，`opacity: 0;` 可以生效……我们还可以稍作调整，使 `display: none;` 也能生效，因为这很可能是大多数人首先会尝试的方法。

---

<div class="post-metadata">

**Author:** ![awesomerobot](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/awesomerobot/32/142900_2.png) [@awesomerobot](https://meta.discourse.org/u/awesomerobot)\
**Post date:** [2021年六月23日 19:21 UTC](https://meta.discourse.org/t/how-do-i-remove-the-hand-wave-emoji-from-the-login-ui/194589/5 "2021-06-23T19:21:56Z")

</div>

我已经在其中修复了这个问题，所以下次你更新 Discourse 时，只需使用 `display: none;` 就足够了。

> <https://github.com/discourse/discourse/pull/13509>
>
> Using \`display: none;\` on the waving hand would break the subheader and cause it… to be on the same line as the headline... this makes it less fragile. Discussion here: https://meta.discourse.org/t/how-do-i-remove-the-hand-wave-emoji-from-the-login-ui/194589/5

---

<div class="post-metadata">

**Author:** ![GadgetGizmo](https://avatars.discourse-cdn.com/v4/letter/g/c67d28/32.png) [@GadgetGizmo](https://meta.discourse.org/u/GadgetGizmo)\
**Post date:** [2021年九月14日 17:32 UTC](https://meta.discourse.org/t/how-do-i-remove-the-hand-wave-emoji-from-the-login-ui/194589/6 "2021-09-14T17:32:23Z")

</div>

这在 [Fakebook](https://meta.discourse.org/t/fakebook-a-theme-for-social-media-lovers/109079) 主题上似乎无法实现。

我看到 `.waving-hand` 类存在于 login.scss 文件中，但 Fakebook 主题似乎并未修改或包含该文件。

我曾尝试在 CSS 中通过主题组件手动添加此更改，但未成功。有什么建议吗？我是否应该向 Fakebook 主题的创建者提交 PR？

---

<div class="post-metadata">

**Author:** ![awesomerobot](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/awesomerobot/32/142900_2.png) [@awesomerobot](https://meta.discourse.org/u/awesomerobot)\
**Post date:** [2021年九月14日 18:28 UTC](https://meta.discourse.org/t/how-do-i-remove-the-hand-wave-emoji-from-the-login-ui/194589/7 "2021-09-14T18:28:41Z")

</div>

> [@GadgetGizmo](#):
>
> 我看到 `.waving-hand` 类存在于 login.scss 文件中，不过 Fakebook 主题似乎并未修改或包含该文件。

没错，主题通常是在 Discourse 核心 CSS 之上添加 CSS，因此它们仅在必要时覆盖我们的默认设置。自定义现有主题最简单的方法是：通过管理界面创建一个新的主题组件，将下方的 CSS 添加到 `common` 中，然后将你的新主题组件添加到 Fakebook 主题中。

```css
.waving-hand {
  display: none;
}

```