# MD 话题列表移动组件

**URL:** <https://meta.discourse.org/t/md-topic-list-mobile-component/146341>\
**Category:** Theme component\
**Created:** [2020年三月31日 20:32 UTC](https://meta.discourse.org/t/md-topic-list-mobile-component/146341 "2020-03-31T20:32:10Z")\
**Posts on this page:** 1\
**Showing post:** 57

<div class="post-metadata">

**Author:** ![Steven](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/steven/32/187890_2.png) [@Steven](https://meta.discourse.org/u/Steven)\
**Post date:** [2025年三月2日 11:13 UTC](https://meta.discourse.org/t/md-topic-list-mobile-component/146341/57 "2025-03-02T11:13:49Z")

</div>

由于 whos online 插件将此指示器附加到左侧拉动（我们已停用），并且头像在垂直方向上居中，因此这很棘手。

通过这些修改，我可以做得更接近（将它们放在 CSS 移动样式表中），但这绝非完美。

```css
.pull-left {
  float: right;
}

html.whos-online-flair.mobile-view .topic-list-item.last-poster-online div.pull-left::before {
  top: -15px;
  left: unset;
  right: -50px;
}

```

最简单的解决方案是在移动设备和仅主题列表上停用此指示器。

```css
html.whos-online-flair.mobile-view .topic-list-item.last-poster-online div.pull-left::before {
  display: none;
}

```

---

_[View the full topic](https://meta.discourse.org/t/md-topic-list-mobile-component/146341)._