# 额外的填充使主题标题下的标签和类别难以点击

**URL:** <https://meta.discourse.org/t/extra-padding-makes-it-hard-for-users-to-click-on-tag-and-category-under-topic-title/214978>\
**Category:** Bug\
**Created:** [2022年一月15日 20:17 UTC](https://meta.discourse.org/t/extra-padding-makes-it-hard-for-users-to-click-on-tag-and-category-under-topic-title/214978 "2022-01-15T20:17:01Z")\
**Posts on this page:** 1\
**Showing post:** 8

<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:** [2022年四月11日 21:56 UTC](https://meta.discourse.org/t/extra-padding-makes-it-hard-for-users-to-click-on-tag-and-category-under-topic-title/214978/8 "2022-04-11T21:56:56Z")

</div>

是的，我稍微调整了一下，这些链接对于大多数移动可用性标准来说太小了，无法点击。

话虽如此，我们可以做得更好来捕获这些点击，而不是依赖我们一直在做的 CSS 覆盖……它总是有点脆弱，取决于内容，并且在所有主题上效果都不好。

我尝试使用 JS 替代（基于 [https://meta.discourse.org/t/clickable-topic-component/183339）：](https://meta.discourse.org/t/clickable-topic-component/183339%EF%BC%89%EF%BC%9A)

> <https://github.com/discourse/discourse/pull/16473>
>
> I had previously attempted this in f2468f1093fc8a865730523a5af8bb869077ea9c (now… reverted), but needed to make sure \`.main-link\` was included as well.

这还将能够通过一些 CSS 使那些底部行项目再次可点击：

> **旧 CSS 供参考**
>
> ```css
> .mobile-view .topic-list .topic-item-stats {
> pointer-events: all;
> }
> 
> ```

**更新** ：此 CSS 已略有更改

```css
.topic-list .topic-item-stats__category-tags {
  .discourse-tag,
  .badge-wrapper {
    pointer-events: all;
  }
}

```

---

_[View the full topic](https://meta.discourse.org/t/extra-padding-makes-it-hard-for-users-to-click-on-tag-and-category-under-topic-title/214978)._