[codex] fix today top news tag layout

[datehoer]

Summary

• constrain the today-top-news summary dialog header so the category tag keeps a fixed width and the title keeps the remaining space
• add truncation on long tags and a two-line clamp on titles to prevent long tags from collapsing the headline area
• remove an unused set import from RankList.vue

Why

The API currently returns some hot_tag values that are much longer than the intended 4-character label. In the existing flex layout, a long tag could grow horizontally and force the headline to become extremely narrow and ellipsized.

Validation

• npm run build
• rendered verification against the built dist via Playwright on http://127.0.0.1:4174/
  • observed first dialog item metrics: tagWidth=96, titleWidth=602
  • no relevant console errors during the dialog render

Notes

• eslint src/views/RankList.vue still reports long-standing style violations across the whole file. Fixing those would require a wholesale file reformat, so this PR keeps the scope to the functional layout bug only.

[gemini-code-assist]

Code Review

This pull request removes an unused import in RankList.vue and refactors the layout of .news-title-group from flexbox to grid, adding text truncation and responsive styling for tags and titles. The feedback suggests wrapping the -webkit-box-orient property with Autoprefixer ignore comments to prevent it from being stripped during production builds.

Important

The consumer version of Gemini Code Assist on GitHub is being sunset. Starting June 18, 2026, new organization installations will be blocked, and all code review activity will officially cease on July 17, 2026.
For more details on the timeline and next steps, please review the Help Documentation.

[gemini-code-assist]

In many build environments (especially Vue 2 projects using Webpack and Autoprefixer), Autoprefixer will automatically strip the -webkit-box-orient: vertical property during the production build because it considers it redundant or non-standard.

To prevent Autoprefixer from removing this property and breaking the multi-line truncation, you should wrap it with Autoprefixer control comments.

  display: -webkit-box;
  /* autoprefixer: ignore next */
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;