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:
+1
-1
@@ -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
@@ -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",
|
||||
|
||||
@@ -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;
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user