fix: 分割线改为 1px 发丝线(保留 7px 拖拽热区),v0.1.3

- 分割线视觉从 7px 实底色块改为居中 1px 发丝线(::after 伪元素)
- 悬停/拖拽时线变色为强调色,不再整条填充
- 拖拽热区保持 7px 不变;reduced-motion 下伪元素过渡一并禁用
- version 同步 0.1.3(package.json + dsh.plugin.json)
This commit is contained in:
Menghuan1918
2026-08-09 23:53:52 +08:00
parent a1286191d6
commit 4060bd53e1
3 changed files with 32 additions and 5 deletions
+1 -1
View File
@@ -1,6 +1,6 @@
{
"id": "dsh-external/dsh-better-sidebar",
"version": "0.1.2",
"version": "0.1.3",
"main": "./lib/index.js",
"description": "VSCode 风格右侧侧边栏:文件资源管理器 / 编辑器 / 终端 / Git,按会话隔离",
"engines": {
+1 -1
View File
@@ -1,6 +1,6 @@
{
"name": "dsh-better-sidebar",
"version": "0.1.2",
"version": "0.1.3",
"description": "DSH web plugin: a VSCode-like right sidebar (explorer / editor / terminal / git), isolated per conversation session.",
"private": true,
"type": "module",
+30 -3
View File
@@ -184,9 +184,18 @@
}
.divider {
position: relative;
flex: none;
z-index: 3;
touch-action: none;
}
/* The hit area stays 7px wide enough to grab, but the visual is a 1px
hairline centered in it — a divider line, not a thick band. */
.dividerRow::after,
.dividerCol::after {
content: '';
position: absolute;
background: var(--dsw-alias-border-l2);
transition: background var(--ds-transition-duration-slow) var(--ds-ease-in-out);
}
@@ -197,14 +206,30 @@
cursor: col-resize;
}
.dividerRow::after {
top: 0;
bottom: 0;
left: 50%;
width: 1px;
transform: translateX(-50%);
}
.dividerCol {
height: 7px;
margin: -2px 0;
cursor: row-resize;
}
.divider:hover,
.dividerActive {
.dividerCol::after {
left: 0;
right: 0;
top: 50%;
height: 1px;
transform: translateY(-50%);
}
.divider:hover::after,
.dividerActive::after {
background: var(--dsw-alias-interactive-bg-hover-accent);
}
@@ -1056,7 +1081,9 @@
.paneCard,
.explorerRow,
.gitRow,
.divider {
.divider,
.dividerRow::after,
.dividerCol::after {
transition: none;
animation: none;
}