feat: 모든 자산 목록 뷰에 마우스 드래그를 이용한 테이블 컬럼 너비 조절(Resizable Columns) 기능 추가
This commit is contained in:
@@ -68,6 +68,25 @@ th {
|
||||
letter-spacing: -0.02em;
|
||||
box-shadow: inset 0 -1px 0 var(--hairline);
|
||||
text-align: center; /* Set default header alignment to center */
|
||||
position: relative; /* Essential for absolute positioning of resizer handles */
|
||||
}
|
||||
|
||||
.resizer {
|
||||
position: absolute;
|
||||
right: 0;
|
||||
top: 0;
|
||||
width: 6px;
|
||||
height: 100%;
|
||||
cursor: col-resize;
|
||||
user-select: none;
|
||||
z-index: 60; /* Higher than thead's sticky z-index (50) to catch mouse events */
|
||||
}
|
||||
|
||||
.resizer:hover,
|
||||
.resizer.resizing {
|
||||
background-color: var(--primary, #1e5149);
|
||||
opacity: 0.8;
|
||||
width: 3px;
|
||||
}
|
||||
|
||||
td {
|
||||
|
||||
Reference in New Issue
Block a user