Skip to content

fix(webui): wrap long plugin commands - #10860

Merged
anka-afk merged 1 commit into
AstrBotDevs:masterfrom
wozhenbang2004:fix/10856-long-command
Nov 5, 2026
Merged

anka-afk merged 1 commit into
AstrBotDevs:masterfrom
wozhenbang2004:fix/10856-long-command

Conversation

@wozhenbang2004

@wozhenbang2004 wozhenbang2004 commented Oct 29, 2026 •

Copy link
Copy Markdown
Contributor

Fixes #10856.

Long command names in plugin details are truncated on narrow screens. Allow them to wrap within the existing name column instead.

Modifications

  • Replace ellipsis truncation with wrapping, including long names without spaces.

  • Keep command text, column widths, group buttons, and indentation unchanged.

  • This is NOT a breaking change.

Verification Steps

  1. Open plugin details at mobile and desktop widths; check short, long ASCII, and Chinese commands.
  2. Expand/collapse nested command groups and copy a wrapped command.

Screenshots or Test Results

  • Chromium checks passed at 320, 360, 390, 700, 701, and 1200px, including dark mode: command names fit without horizontal table overflow. Three nested child levels and copying the full wrapped command were verified.
  • These browser checks and before/after screenshots use the actual Vue component and Vuetify table in an isolated API fixture, not the full dashboard or backend E2E.
  • node --test dashboard/tests/*.test.mjs: 83 passed.
  • ruff check ., ruff format --check ., and git diff --check: passed.

Documentation

No update is needed: this CSS-only change does not alter navigation, page structure, labels, or documented actions.

Checklist

  • Verification steps and test results are provided above.
  • Affected documentation was checked; no update is needed.
  • No project dependencies are introduced.
  • No malicious code is introduced.

Summary by Sourcery

Bug Fixes:

  • Allow long plugin command names to wrap within the existing command column instead of being truncated on narrow screens.

Allow command names in plugin details to wrap instead of truncating them
with an ellipsis. Keep command-group controls, indentation, and table
column widths unchanged.

Fixes AstrBotDevs#10856

@sourcery-ai sourcery-ai Bot left a comment

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Hey - I've reviewed your changes and they look great!

Sourcery assessment

Approved.


Sourcery is free for open source - if you like our reviews please consider sharing them ✨

@mjy1113451

Copy link
Copy Markdown

@Soulter 这个合并下呗,这个指令显示不全,有点影响使用

@Soulter Soulter moved this to In Progress in AstrBot Roadmap Nov 2, 2026
@anka-afk anka-afk self-assigned this Nov 5, 2026
@anka-afk
anka-afk merged commit 256767f into AstrBotDevs:master Nov 5, 2026
1 check passed
@github-project-automation github-project-automation Bot moved this from In Progress to Done in AstrBot Roadmap Nov 5, 2026
hongdougao111 added a commit to hongdougao111/AstrBot that referenced this pull request Nov 5, 2026
Allow command names in plugin details to wrap instead of truncating them
with an ellipsis. Keep command-group controls, indentation, and table
column widths unchanged.

Fixes AstrBotDevs#10856
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

Status: Done

Development

Successfully merging this pull request may close these issues.

[Bug] 长指令无法显示全

3 participants