# 移动端可审核页面可进行多项改进

**URL:** https://meta.discourse.org/t/several-improvements-could-be-done-on-the-mobile-reviewable-pages/401041
**Category:** UX
**Tags:** mobile, pr-welcome, review-queue, fixed
**Created:** [2026 年4 月 20 日 11:09 UTC](https://meta.discourse.org/t/several-improvements-could-be-done-on-the-mobile-reviewable-pages/401041 "2026-04-20T11:09:17Z")
**Posts on this page:** 3
**Page:** 1

<div class="post-metadata">

### 作者： ![Canapin](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/canapin/32/119591_2.png) [@Canapin](https://meta.discourse.org/u/Canapin)
#### 发布日期： [2026 年4 月 20 日 11:09 UTC](https://meta.discourse.org/t/several-improvements-could-be-done-on-the-mobile-reviewable-pages/401041/1 "2026-04-20T11:09:17Z")

</div>

![Screenshot_20260420_123957_Chrome](https://global.discourse-cdn.com/meta/original/4X/2/1/7/2179b50b951c352eb8fedab4ff06e6dc464dd341.jpeg)

- “标题”中的元素未对齐：  
“帖子被标记为垃圾信息”，，“标记已批准”，“2 小时前”

- “2 小时前”右侧没有边距。

- 主题标题可能很长，会占用大量垂直空间；可以通过将标题单独放在一行来避免这种情况。在移动设备上尤其_应该_这样做 😛

这可能不是最佳方案，只是为了说明这样做的空间收益而不影响可读性：

 ![image](https://global.discourse-cdn.com/meta/original/4X/a/3/7/a37390419559ac2ffb7b958c490179ff945e4f3f.png)

* * *

 ![Screenshot_20260420_124021_Chrome](https://global.discourse-cdn.com/meta/original/4X/b/6/9/b6989c26559bc3f36ad3d300ff42125e50a951a2.jpeg)

- 备注文本框过宽

* * *

 ![Screenshot_20260420_124244_Chrome](https://global.discourse-cdn.com/meta/original/4X/5/a/a/5aa288d117ee02758d1a3dbe06a3eea6e79bc2ba.jpeg)

- 某些长字符串溢出，扰乱了整个页面的布局

---

<div class="post-metadata">

### 作者： ![awesomerobot](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/awesomerobot/32/142900_2.png) [@awesomerobot](https://meta.discourse.org/u/awesomerobot)
#### 发布日期： [2026 年4 月 20 日 17:29 UTC](https://meta.discourse.org/t/several-improvements-could-be-done-on-the-mobile-reviewable-pages/401041/2 "2026-04-20T17:29:42Z")

</div>

确实！感谢分享，我刚刚完成了一次修复，解决了这里的多个问题

> <https://github.com/discourse/discourse/pull/39377>
>
> This adds some breakpoints and utilizes our horizontalOverflowNav component to m…ake the review queue layout better on small screens.
> 
> 
> Before:
> 
> \<img width="500" alt="image" src="https://github.com/user-attachments/assets/65ed1903-f263-4ba1-a279-17be068a5129" /\>
> 
> \<img width="500" alt="image" src="https://github.com/user-attachments/assets/8f06fd34-ecdc-4f7e-8a16-4601be28df4d" /\>
> 
> \<img width="500" alt="image" src="https://github.com/user-attachments/assets/353b9e41-b82d-48df-80b7-f225523bc46e" /\>
> 
> 
> 
> After:
> 
> \<img width="500" alt="image" src="https://github.com/user-attachments/assets/ee5c6562-7311-497f-a59d-63911a192822" /\>
> \<img width="500" alt="image" src="https://github.com/user-attachments/assets/21968af7-c1e6-4517-a021-bf3c2f62630b" /\>
> \<img width="500" alt="image" src="https://github.com/user-attachments/assets/ab3cf57f-38df-46ce-b4a8-953adefc6b9d" /\>

---

<div class="post-metadata">

### 作者： ![system](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/system/32/443519_2.png) [@system](https://meta.discourse.org/u/system)
#### 发布日期： [2026 年4 月 23 日 17:30 UTC](https://meta.discourse.org/t/several-improvements-could-be-done-on-the-mobile-reviewable-pages/401041/3 "2026-04-23T17:30:20Z")

</div>

This topic was automatically closed 3 days after the last reply. New replies are no longer allowed.