diff --git a/apps/ai-game-creator-shell/src/styles.css b/apps/ai-game-creator-shell/src/styles.css index 1170fcf68..44bedd55b 100644 --- a/apps/ai-game-creator-shell/src/styles.css +++ b/apps/ai-game-creator-shell/src/styles.css @@ -3506,12 +3506,27 @@ textarea { width: min(520px, 100%); max-height: min(760px, calc(100vh - 48px)); overflow-y: auto; + /* + * 抽屉自身就是唯一滚动区:滚动条一律不画(用户口径:这条抽屉里的滚动条太丑)。 + * 滚轮 / 键盘 / 触控板滚动照旧,内容仍可滚到底。 + * + * 不写 `scrollbar-gutter: stable`:实测(CDP,Chromium/WebView2)在 + * `scrollbar-width: none` 下引擎不会为滚动条预留槽位(预留 0px),所以内容宽度恒定等于 + * `520 - 2×1px 边框`;也因此不会出现「有滚动条 503px / 无滚动条 518px」这种宽度跳变。 + */ + scrollbar-width: none; padding: 24px; border: 1px solid rgb(104 77 57 / 16%); border-radius: 20px; box-shadow: 0 24px 80px rgb(74 48 33 / 20%); } +/* `scrollbar-width` 只覆盖标准属性;WebView2 里仍要显式关掉 webkit 滚动条(口径同 + `.image-canvas-editor__floating-toolbar` 与共享 `.scrollbar-hide`)。 */ +.game-distribution-publish-panel::-webkit-scrollbar { + display: none; +} + .game-distribution-publish-panel__header { display: flex; align-items: flex-start;