39 lines
1.0 KiB
Plaintext
39 lines
1.0 KiB
Plaintext
/* ===================================
|
|
* UTKToolBarExpandableButtonUss.uss
|
|
* 확장 버튼 스타일 (서브 메뉴 화살표)
|
|
* =================================== */
|
|
|
|
.utk-toolbar-expandable {
|
|
position: relative;
|
|
}
|
|
|
|
.utk-toolbar-expandable__arrow {
|
|
width: 6px;
|
|
height: 6px;
|
|
position: absolute;
|
|
bottom: 2px;
|
|
right: 2px;
|
|
}
|
|
|
|
/* 가로 배치: 아래 화살표 ▼ */
|
|
.utk-toolbar--horizontal .utk-toolbar-expandable__arrow {
|
|
border-left-width: 3px;
|
|
border-right-width: 3px;
|
|
border-top-width: 4px;
|
|
border-left-color: transparent;
|
|
border-right-color: transparent;
|
|
border-top-color: var(--color-text-secondary);
|
|
border-bottom-width: 0;
|
|
}
|
|
|
|
/* 세로 배치: 오른쪽 화살표 ▶ */
|
|
.utk-toolbar--vertical .utk-toolbar-expandable__arrow {
|
|
border-top-width: 3px;
|
|
border-bottom-width: 3px;
|
|
border-left-width: 4px;
|
|
border-top-color: transparent;
|
|
border-bottom-color: transparent;
|
|
border-left-color: var(--color-text-secondary);
|
|
border-right-width: 0;
|
|
}
|