aidev/goldenChart
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

위젯 구분 라인선 조정

Browse Source
This commit is contained in:
Macbook
2026-06-14 01:34:42 +09:00
parent 810411367c
commit 3bbf402af3
1 changed files with 32 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/src/styles/floatingWidget.css
+32 -12
View File
@@ -122,7 +122,7 @@
display: grid; display: grid;
gap: 1px; gap: 1px;
padding: 0; padding: 0;
background: color-mix(in srgb, var(--se-border) 40%, transparent); background: color-mix(in srgb, var(--se-border, var(--border)) 18%, transparent);
overflow: hidden; overflow: hidden;
} }
@@ -189,33 +189,53 @@
pointer-events: auto; pointer-events: auto;
touch-action: none; touch-action: none;
background: transparent; background: transparent;
transition: background 0.12s;
} }
.fw-grid-splitter--v { .fw-grid-splitter--v {
top: 0; top: 0;
bottom: 0; bottom: 0;
width: 7px; width: 9px;
margin-left: -3px; margin-left: -4px;
cursor: col-resize; cursor: col-resize;
} }
.fw-grid-splitter--h { .fw-grid-splitter--h {
left: 0; left: 0;
right: 0; right: 0;
height: 7px; height: 9px;
margin-top: -3px; margin-top: -4px;
cursor: row-resize; cursor: row-resize;
} }
.fw-grid-splitter:hover, .fw-grid-splitter--v::after,
.fw-grid-splitter--active, .fw-grid-splitter--h::after {
.fw-window--focused .fw-grid-splitter { content: '';
background: color-mix(in srgb, var(--se-accent, var(--accent)) 35%, transparent); position: absolute;
pointer-events: none;
opacity: 0;
background: color-mix(in srgb, var(--se-accent, var(--accent)) 55%, transparent);
transition: opacity 0.12s, background 0.12s;
} }
.fw-grid-splitter--active { .fw-grid-splitter--v::after {
background: color-mix(in srgb, var(--se-accent, var(--accent)) 55%, transparent); top: 0;
bottom: 0;
left: 50%;
width: 1px;
margin-left: -0.5px;
}
.fw-grid-splitter--h::after {
left: 0;
right: 0;
top: 50%;
height: 1px;
margin-top: -0.5px;
}
.fw-grid-splitter:hover::after,
.fw-grid-splitter--active::after {
opacity: 1;
} }
/* 리사이즈 핸들 — 좌·우 하단 (차트 툴바 위에 표시) */ /* 리사이즈 핸들 — 좌·우 하단 (차트 툴바 위에 표시) */