SamProject/sam-manage
5
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: [org-chart] 연결선 'ㄱ'자 형상 수정 및 드롭존 숨김 처리

Browse Source 
- 수평 연결선 위치: top:12px → top:0 (수직선과 정확히 접합)
- 하위 부서 드롭존: 기본 숨김, 드래그 시에만 표시
This commit is contained in:
김보곤
2026-03-06 20:09:55 +09:00
parent 48a41e535b
commit 3ace66065e
1 changed files with 8 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
resources/views/rd/org-chart.blade.php
View File

@@ -69,22 +69,24 @@ class="fixed bottom-6 right-6 bg-gray-800 text-white px-4 py-2 rounded-lg shadow
.org-children { display:flex; justify-content:center; position:relative; }
.org-node-wrap { display:flex; flex-direction:column; align-items:center; position:relative; padding:0 12px; }
.org-children > .org-node-wrap:not(:first-child)::before {
content:''; position:absolute; top:12px; left:0; right:50%; height:1px; background:#D1D5DB;
content:''; position:absolute; top:0; left:0; right:50%; height:1px; background:#D1D5DB;
}
.org-children > .org-node-wrap:not(:last-child)::after {
content:''; position:absolute; top:12px; left:50%; right:0; height:1px; background:#D1D5DB;
content:''; position:absolute; top:0; left:50%; right:0; height:1px; background:#D1D5DB;
}
.org-children > .org-node-wrap:only-child::before,
.org-children > .org-node-wrap:only-child::after { display:none; }
.employee-card.sortable-ghost, .org-node-wrap.sortable-ghost { opacity:0.3; }
.employee-card.sortable-drag { box-shadow:0 8px 25px rgba(0,0,0,0.15); z-index:999; }
.org-node-wrap.sortable-drag { box-shadow:0 8px 25px rgba(0,0,0,0.2); z-index:999; }
body.dept-dragging .org-drop-target { min-height:28px !important; max-height:40px !important; opacity:1 !important; }
body.dept-dragging .org-drop-target {
min-height:28px; border:2px dashed #C4B5FD; border-radius:8px;
font-size:10px; color:#A78BFA; padding:4px; margin-top:4px;
}
.org-drop-target {
min-height:0; max-height:0; opacity:0; overflow:hidden;
border:2px dashed #C4B5FD; border-radius:8px; margin-top:4px;
min-height:0; border:none; padding:0; margin:0; overflow:hidden;
display:flex; align-items:center; justify-content:center;
font-size:10px; color:#A78BFA; transition:all 0.2s;
font-size:0; color:transparent; transition:all 0.2s;
}
</style>
@endsection