XRLib/Assets/Resources/UIToolkit/List/UTKPropertyListUss.uss

/*
 * ===================================
 * UTKPropertyListUss.uss
 * UTKPropertyList 컴포넌트 전용 스타일
 * ===================================
 *
 * 이 파일은 UTKThemeManager의 테마 변수를 참조합니다.
 * - 색상: var(--color-*)
 * - 간격: var(--space-*)
 * - 반지름: var(--radius-*)
 *
 * 관련 파일:
 * - UTKPropertyList.uxml: 메인 레이아웃
 * - UTKPropertyList.cs: 컴포넌트 로직
 *
 * 참고: PropertyItem View 스타일은 UTKPropertyItemViewCommonUss.uss 참조
 */

/* ===================================
   Property List Container
   =================================== */

.utk-property-list {
    flex-grow: 1;
    background-color: var(--color-bg-panel);
}

/* ===================================
   Search Container
   =================================== */

.utk-property-list__search-container {
    flex-direction: row;
    padding: var(--space-m) 0;
}

/* UTKInputField 검색 필드 스타일 */
.utk-property-list__search-field {
    flex-grow: 1;
    height: 24px;
    margin: 0;
}

.utk-property-list__search-field .unity-text-field__input {
    background-color: var(--color-bg-input);
    border-width: var(--border-width);
    border-color: var(--color-border);
    border-radius: var(--radius-s);
    padding: var(--space-s) var(--space-m);
    min-height: 24px;
    font-size: var(--font-size-body2);
}

.utk-property-list__search-field:focus .unity-text-field__input {
    border-color: var(--color-border-focus);
}

/* ============================================
   Clear 버튼 (Clear Button) - UTKButton 스타일 오버라이드
   ============================================ */
.utk-property-list__search-field-clear-button {
    width: 16px;
    height: 16px;
    min-width: 16px;
    min-height: 16px;
    border-width: 0;
    margin: 0;
    padding: 0;
    position: absolute;
    right: var(--space-s);
    align-self: center;
}

/* ===================================
   TreeView
   =================================== */

.utk-property-list__tree-view {
    flex-grow: 1;
    background-color: transparent;
}

.utk-property-list__tree-view .unity-tree-view__item {
    padding: 0;
    margin: 0;
    background-color: transparent;
}

.utk-property-list__tree-view .unity-tree-view__item:hover {
    background-color: transparent;
}

.utk-property-list__tree-view .unity-tree-view__item:checked {
    background-color: transparent;
}

.utk-property-list__tree-view .unity-tree-view__item:hover:checked {
    background-color: transparent;
}

.utk-property-list__tree-view .unity-collection-view__item {
    background-color: transparent;
}

.utk-property-list__tree-view .unity-collection-view__item:hover {
    background-color: transparent;
}

.utk-property-list__tree-view .unity-collection-view__item--selected {
    background-color: transparent;
}

/* TreeView 기본 토글 버튼 숨기기 (커스텀 그룹 헤더 아이콘 사용) */
.utk-property-list__tree-view .unity-tree-view__item-toggle {
    display: none;
}

/* TreeView 들여쓰기 제거 */
.utk-property-list__tree-view .unity-tree-view__item-indent {
    width: 0;
    min-width: 0;
    max-width: 0;
    flex-basis: 0;
    flex-grow: 0;
    flex-shrink: 0;
}

/* ===================================
   Property Item Container
   =================================== */

.utk-property-item-container {
    flex-grow: 1;
}

/* ===================================
   Group Header
   =================================== */

.utk-property-group {
    flex-direction: column;
}

.utk-property-group__header {
    flex-direction: row;
    align-items: center;
    height: 32px;
    padding-left: var(--space-m);
    padding-right: var(--space-m);
    background-color: var(--color-bg-elevated);
    border-bottom-width: var(--border-width);
    border-bottom-color: var(--color-border);
    cursor: resource('UIToolkit/Images/cursor_point_white_32') 14 5;
}

.utk-property-group__header:hover {
    background-color: var(--color-collection-item-hover);
}

/* UTKLabel 펼침 아이콘 스타일 */
.utk-property-group__expand-icon {
    width: 16px;
    height: 16px;
    margin-right: var(--space-s);
    justify-content: center;
    align-items: center;
}

.utk-property-group__expand-icon .utk-label__icon {
    font-size: 16px;
    color: var(--color-text-secondary);
}

.utk-property-group__header:hover .utk-property-group__expand-icon .utk-label__icon {
    color: var(--color-text-primary);
}

/* UTKLabel 그룹 타이틀 스타일 */
.utk-property-group__title {
    flex-grow: 1;
}

.utk-property-group__title .utk-label__text {
    font-size: var(--font-size-body2);
    -unity-font-style: bold;
    color: var(--color-text-primary);
}

/* UTKLabel 아이템 개수 스타일 */
.utk-property-group__count {
    margin-left: var(--space-m);
}

.utk-property-group__count .utk-label__text {
    font-size: var(--font-size-label4);
    color: var(--color-text-secondary);
}

.utk-property-group__content {
    overflow: hidden;
}

.utk-property-group--collapsed .utk-property-group__content {
    display: none;
}