# 移动端标题旁的事件日期缺少样式

**URL:** <https://meta.discourse.org/t/events-date-next-to-the-title-lacks-styling-on-mobile/401114>\
**Category:** UX\
**Tags:** mobile, events\
**Created:** [2026年四月21日 09:32 UTC](https://meta.discourse.org/t/events-date-next-to-the-title-lacks-styling-on-mobile/401114 "2026-04-21T09:32:16Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![Canapin](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/canapin/32/119591_2.png) [@Canapin](https://meta.discourse.org/u/Canapin)\
**Post date:** [2026年四月21日 09:32 UTC](https://meta.discourse.org/t/events-date-next-to-the-title-lacks-styling-on-mobile/401114/1 "2026-04-21T09:32:17Z")

</div>

桌面端：  
 ![image](https://global.discourse-cdn.com/meta/original/4X/6/1/4/614a34c35820ce19b909630a74ac1548c79cb93d.png)

移动端（我读到这个时真的有点困惑 😅）：

 ![image](https://global.discourse-cdn.com/meta/original/4X/9/1/e/91edb98cb1a3e3f9c2e8bb2eda11860c421ccd3d.png)

---

<div class="post-metadata">

**Author:** ![Moin](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/moin/32/554653_2.png) [@Moin](https://meta.discourse.org/u/Moin)\
**Post date:** [2026年四月21日 10:03 UTC](https://meta.discourse.org/t/events-date-next-to-the-title-lacks-styling-on-mobile/401114/2 "2026-04-21T10:03:43Z")

</div>

这也在此处被提及

> [@Discourse Calendar (and Event)](https://meta.discourse.org/t/discourse-calendar-and-event/97376/569):
>
> On mobile there is no nice box around the extra text it adds to the topic title: (“3 days ago” should be in a box) Why is it missing? How can I add it in, do I just need to recreate the CSS?

---

<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:** [2026年四月21日 13:53 UTC](https://meta.discourse.org/t/events-date-next-to-the-title-lacks-styling-on-mobile/401114/3 "2026-04-21T13:53:12Z")

</div>

在这里保持一致似乎是合理的，而且更简单！

> <https://github.com/discourse/discourse/pull/39407>
>
> This is a minor adjustment to get the topic list date display for events consist…ent across all screen widths. Currently we style mobile differently, but there's not much reason for this. The current version does wrap better along with title text, but it's also a little confusing visually. Better to have a consistent display. 
> 
> I also removed the CSS hiding the date from the docked mobile header. The mobile title truncates if needed, and this includes the date... so we already get this behavior for free. 
> 
> Before:
> \<img width="350" alt="image" src="https://github.com/user-attachments/assets/8de5f92f-efe9-40eb-8a72-8e33d01d299e" /\>
> 
> 
> 
> After: 
> \<img width="350" alt="image" src="https://github.com/user-attachments/assets/579e9613-646f-42c0-a250-48bbca0959a5" /\>
> 
> 
> Docked header... 
> 
> If it fits:
> \<img width="300" alt="image" src="https://github.com/user-attachments/assets/7d8173fc-5b5d-4dbe-ae90-1898676d8716" /\>
> 
> 
> If it doesn't: 
> \<img width="300" alt="image" src="https://github.com/user-attachments/assets/51f57fd1-577b-48fc-8df0-0e0f4b2fa16d" /\>

---

<div class="post-metadata">

**Author:** ![lindsey](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/lindsey/32/318210_2.png) [@lindsey](https://meta.discourse.org/u/lindsey)\
**Post date:** [2026年四月28日 16:15 UTC](https://meta.discourse.org/t/events-date-next-to-the-title-lacks-styling-on-mobile/401114/4 "2026-04-28T16:15:35Z")

</div>