Skip to content

fix: improve topbar drag behavior and pre block text wrapping#2

Open
jerrykimo wants to merge 1 commit into
KingJing1:mainfrom
jerrykimo:main
Open

fix: improve topbar drag behavior and pre block text wrapping#2
jerrykimo wants to merge 1 commit into
KingJing1:mainfrom
jerrykimo:main

Conversation

@jerrykimo

Copy link
Copy Markdown

改动说明 / What's Changed

1. 标题栏拖拽优化

  • 给顶部标题栏中的 和 添加了 user-select: nonecursor: default
  • 问题:在标题栏拖拽窗口时,鼠标移到文字上会变成文本选择光标(I-beam),干扰拖拽体验
  • 修复后:标题栏区域统一使用默认箭头光标,拖拽窗口不再受阻

2. <pre> 代码块内文本折行

  • .article pre 添加了 white-space: pre-wrapword-break: break-wordoverflow-wrap: anywhere
  • 问题:中文长行内容(如镜头脚本、文案列表等)放在 fenced code block 中渲染时,因默认 white-space: pre 不换行,导致右侧内容被截断
  • 修复后:保留换行和空格,同时在宽度不足时自动折行,代码块依然保留 overflow-x: auto 作为兜底横滑

测试 / Tested

  • macOS 15.x, Apple Silicon
  • 仅在 web/styles.css 中有 2 处修改,共 +9 行

- Add user-select: none and cursor: default to .app-name and .file-name to prevent I-beam cursor when dragging the title bar
- Add white-space: pre-wrap, word-break: break-word, and overflow-wrap: anywhere to .article pre blocks for better Chinese text readability
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant