bug on mobile page

[jerryc127]

Describe the bug

1. toc 打开卡顿

IMG_6600.MP4

2. 部分dialog需要滚动显示
   

3. 切换List的动画有问题

IMG_6598.MP4

4. List跟 日期这一栏有空隙
   

5. 发现页面有一块有背景颜色
   

6. 部分 rss 的标题导致滚动条出现/ 文章页面 标题太长导致按钮无法点击

https://www.engadget.com/rss.xml

7. 社交页面， 4大按钮与标题重叠，导致点击 按钮时，会跳转到详情页面，再显示对应的功能
   

8. 设置页面，选择翻译语言后，设置页面出现滚动条
   

9. 关于界面显示 app:
   

10. 设置页面，在把屏幕宽度缩小后，没有变成手机页面
    

Feed Info

.

Reproduction Video

No response

Environment

No response

Validations

• Check that there isn't already an issue that reports the same bug to avoid creating a duplicate.
• Check that this is a concrete bug. For Q&A, please open a GitHub Discussion instead.
• This issue is valid

Contributions

• I am willing to submit a PR to fix this issue
• I am willing to submit a PR with failing tests (actually just go ahead and do it, thanks!)

[linear]

FOL-1137 手机页面的 bug

[github-actions]

Bot detected the issue body's language is not English, translate it automatically. 👯👭🏻🧑‍🤝‍🧑👫🧑🏿‍🤝‍🧑🏻👩🏾‍🤝‍👨🏿👬🏿

---

Describe the bug

1. toc opens the lag

https://github-production-user-asset-6210df.s3.amazonaws.com/16351105/391136247-7d365881-04e8-4b 6d-88ae-d2f0102e98d7.MP4?X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Credential=AKIAVCODYLSA53PQK4ZA%2 F20241129%2Fus-east-1%2Fs3%2Faws4_request&X-Amz-Date=20241129T154812Z&X-Amz-Expires=300&X-Amz-Si gnature=e508e3221ccd1e88c01aadb34624247ecb9673c21ab72b203ee9dbc110bf0118&X-Amz-SignedHeaders=host

2. Some dialogs need to be scrolled.
   

3. There is a problem with the animation of switching List

https://github-production-user-asset-6210df.s3.amazonaws.com/16351105/391137034-af9aab5d-563d-46 ce-833c-98a4db4d8ec2.MP4?X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Credential=AKIAVCODYLSA53PQK4ZA%2 F20241129%2Fus-east-1%2Fs3%2Faws4_request&X-Amz-Date=20241129T155036Z&X-Amz-Expires=300&X-Amz-Si gnature=e5aec15f82faec134197ac56901a16330146ecccfa96d4aaafd00edab42a30b0&X-Amz-SignedHeaders=host

4. There is a gap between the List and Date columns.
   

5. Found a part of the page with a background color
   

6. Some RSS titles cause the scroll bar to appear/the title of the article page is too long and the button cannot be clicked.

https://www.engadget.com/rss.xml

7. On the social page, the four buttons overlap with the title, causing when you click the button, it will jump to the details page and then display the corresponding functions.
   

8. On the settings page, after selecting the translation language, a scroll bar appears on the settings page.
   

9. About the interface display app:
   

10. The settings page did not become a mobile page after reducing the screen width.
    

Feed Info

.

Reproduction Video

No response

Environment

No response

Validations

• Check that there isn't already an issue that reports the same bug to avoid creating a duplicate.
• Check that this is a concrete bug. For Q&A, please open a GitHub Discussion instead.
• This issue is valid

Contributions

• I am willing to submit a PR to fix this issue
• I am willing to submit a PR with failing tests (actually just go ahead and do it, thanks!)

[jerryc127]

11. 社交媒体的 AI 日报 UI 错乱
    
    @hyoban

[github-actions]

Bot detected the issue body's language is not English, translate it automatically. 👯👭🏻🧑‍🤝‍🧑👫🧑🏿‍🤝‍🧑🏻👩🏾‍🤝‍👨🏿👬🏿

---

11. Social media’s AI daily report UI is confusing
    
    @hyoban

[jerryc127]

12. 上面那一行 List 会让人误解
    比如在收藏页面，这一行list 也是存在，会让人误以为是各个list 的收藏列表，实际不是
    

[github-actions]

Bot detected the issue body's language is not English, translate it automatically. 👯👭🏻🧑‍🤝‍🧑👫🧑🏿‍🤝‍🧑🏻👩🏾‍🤝‍👨🏿👬🏿

---

12. The List line above is misleading.
    For example, on the collection page, this line of list also exists, which makes people mistakenly think that it is the collection list of each list, but it is not.
    

[Innei]

1, 2, : can not reproduce

3: fixed

4: fixed

5: can not reproduce

6: fixed

7: fixed

8,9, 10: can not reproduce

[jerryc127]

1, 2, : can not reproduce

3: fixed

4: fixed

5: can not reproduce

6: fixed

7: fixed

8,9, 10: can not reproduce

测试环境 ios 18.2 safari
我晚点给你录个视频吧
照片都贴上了 还复现不了

[github-actions]

Bot detected the issue body's language is not English, translate it automatically. 👯👭🏻🧑‍🤝‍🧑👫🧑🏿‍🤝‍🧑🏻👩🏾‍🤝‍👨🏿👬🏿

---

1, 2, : can not reproduce

3: fixed

4: fixed

5: can not reproduce

6: fixed

7: fixed

8,9, 10: can not reproduce

Test environment ios 18.2 safari
I'll record a video for you later
The photos have been posted but I can’t reproduce them

[jerryc127]

IMG_6652.MP4

IMG_6653.MP4

IMG_6654.MP4

@Innei

[Innei]

11 fixed in 158aa673

[Innei]

10: is by design, the setting modal display mode is only judged once when opened; the display mode will not change by resizing the window.

[Innei]

5: the background is removed

[Innei]

8: can not reproduce

[Innei]

2: can not reproduce