khi/XRLib
1
0
Fork 0
Code Issues 1 Pull Requests Actions Packages Projects Releases Wiki Activity

UTKAccodion 완료. UTKComponentList 수정 중

Browse Source
This commit is contained in:
logonkhi
2026-01-22 20:12:22 +09:00
parent e00953de52
commit 59d473c87b
59 changed files with 2482 additions and 498 deletions
Download Patch File Download Diff File Expand all files Collapse all files

84
Assets/Resources/UIToolkit/Style/UTKComponents.uss
View File

@@ -412,90 +412,6 @@
flex-shrink: 1;
}
/* ===================================
Dropdown Popup Menu
=================================== */
.unity-base-dropdown__container-outer {
border-radius: var(--radius-m);
border-width: var(--border-width);
border-color: var(--color-base-06);
overflow: hidden;
}
.unity-base-dropdown {
background-color: var(--color-base-01);
padding: var(--space-xs);
margin-top: 2px;
}
.unity-base-dropdown__item {
height: 28px;
padding-left: var(--space-m);
padding-right: var(--space-m);
padding-top: var(--space-xs);
padding-bottom: var(--space-xs);
background-color: transparent;
border-radius: var(--radius-xs);
transition-duration: var(--anim-fast);
transition-property: background-color;
cursor: resource('UIToolkit/Images/cursor_point_white_32') 14 5;
}
.unity-base-dropdown__item:hover:enabled {
background-color: var(--color-collection-item-hover) ;
}
.unity-base-dropdown__item:checked {
background-color: var(--color-blue-05);
}
.unity-base-dropdown__item:checked:hover {
background-color: var(--color-blue-06);
}
/* 드롭다운 항목 콘텐츠 */
.unity-base-dropdown__item-content {
flex-direction: row;
align-items: center;
}
.unity-base-dropdown__item:hover .unity-base-dropdown__item-content {
background-color: var(--color-collection-item-hover);
}
.unity-base-dropdown__item:checked .unity-base-dropdown__item-content {
background-color: var(--color-blue-05);
}
.unity-base-dropdown__item:checked:hover .unity-base-dropdown__item-content {
background-color: var(--color-blue-06);
}
/* 드롭다운 항목 라벨 */
.unity-base-dropdown__label {
font-size: 12px;
color: var(--color-base-20);
-unity-text-align: middle-left;
padding-left: 0;
padding-right: 0;
}
.unity-base-dropdown__item:checked .unity-base-dropdown__label {
color: var(--color-base-01);
}
/* 드롭다운 체크마크 */
.unity-base-dropdown__item .unity-base-dropdown__checkmark {
width: 16px;
height: 16px;
min-width: 16px;
min-height: 16px;
-unity-background-image-tint-color: var(--color-base-01);
}
/* ===================================
Border Radius Utilities
=================================== */

2
Assets/Resources/UIToolkit/Style/UTKDefaultRuntimeTheme.tss
View File

@@ -3,3 +3,5 @@
@import url("UTKDefaultStyle.uss");

99
Assets/Resources/UIToolkit/Style/UTKDefaultStyle.uss
View File

@@ -37,6 +37,9 @@
/* 드롭다운 팝업 컨테이너 - border 제거 (최외곽 컨테이너에만 border 적용) */
.unity-base-dropdown {
background-color: var(--color-base-01);
padding: var(--space-xs);
margin-top: 2px;
border-width: 0 ;
}
@@ -53,10 +56,58 @@
background-color: var(--color-collection-item-hover) ;
}
/* 드롭다운 항목 콘텐츠 */
.unity-base-dropdown__item-content {
flex-direction: row;
align-items: center;
}
.unity-base-dropdown__item:hover:enabled .unity-base-dropdown__item-content {
background-color: var(--color-collection-item-hover) ;
}
.unity-base-dropdown__item:checked {
background-color: var(--color-blue-05);
}
.unity-base-dropdown__item:checked:hover {
background-color: var(--color-blue-06);
}
.unity-base-dropdown__item:hover .unity-base-dropdown__item-content {
background-color: var(--color-collection-item-hover);
}
.unity-base-dropdown__item:checked .unity-base-dropdown__item-content {
background-color: var(--color-blue-05);
}
.unity-base-dropdown__item:checked:hover .unity-base-dropdown__item-content {
background-color: var(--color-blue-06);
}
/* 드롭다운 항목 라벨 */
.unity-base-dropdown__label {
font-size: 12px;
color: var(--color-base-20);
-unity-text-align: middle-left;
padding-left: 0;
padding-right: 0;
}
.unity-base-dropdown__item:checked .unity-base-dropdown__label {
color: var(--color-base-01);
}
/* 드롭다운 체크마크 */
.unity-base-dropdown__item .unity-base-dropdown__checkmark {
width: 16px;
height: 16px;
min-width: 16px;
min-height: 16px;
-unity-background-image-tint-color: var(--color-base-01);
}
/* ===================================
ListView/TreeView 항목 텍스트 스타일
@@ -92,6 +143,7 @@ ListView/TreeView 항목 텍스트 스타일
.unity-tree-view__item-content {
align-self: center;
flex-direction: row;
}
/* TreeView 항목 텍스트 색상 */
@@ -135,10 +187,10 @@ TreeView 항목 스타일
/* TreeView 토글 입력 영역 - 회전 중심 맞추기 */
.unity-tree-view__item-toggle > .unity-toggle__input {
width: 16px;
height: 16px;
min-width: 16px;
min-height: 16px;
width: 20px;
height: 20px;
min-width: 20px;
min-height: 20px;
align-items: center;
justify-content: center;
padding: 0;
@@ -147,10 +199,10 @@ TreeView 항목 스타일
/* TreeView 토글 체크마크(화살표 아이콘) */
.unity-tree-view__item-toggle > .unity-toggle__input > #unity-checkmark {
width: 16px;
height: 16px;
min-width: 16px;
min-height: 16px;
width: 20px;
height: 20px;
min-width: 20px;
min-height: 20px;
}
/* TreeView 토글 체크됨(펼쳐진 상태) - 회전 없음 */
@@ -170,6 +222,19 @@ TreeView 항목 스타일
min-height: 16px;
}
.unity-base-dropdown__item {
height: 28px;
padding-left: var(--space-m);
padding-right: var(--space-m);
padding-top: var(--space-xs);
padding-bottom: var(--space-xs);
background-color: transparent;
border-radius: var(--radius-xs);
transition-duration: var(--anim-fast);
transition-property: background-color;
cursor: resource('UIToolkit/Images/cursor_point_white_32') 14 5;
}
/* 드롭다운 라벨 스타일 오버라이드 */
.unity-base-dropdown__item .unity-base-dropdown__label {
font-size: 12px;
@@ -185,6 +250,7 @@ TreeView 항목 스타일
margin-bottom: 0;
}
#unity-tree-view__item-toggle > VisualElement > VisualElement {
margin-left: 0;
margin-right: 0;
@@ -204,9 +270,9 @@ Textfield 항목 스타일
margin-left: 0;
-unity-font-definition: resource('Fonts/Pretendard/Pretendard-Medium');
/* --unity-selection-color: rgba(54, 98, 160, 0.651); 선택 색상 */
--unity-cursor-color: rgb(255, 255, 255); /* 캐럿(커서) 색상 흰색 */
--unity-cursor-color: var(--color-base-01); /* 캐럿(커서) 색상 흰색 */
font-size: 13px;
color: rgb(204, 204, 204);
color: var(--color-text-primary);
}
.unity-base-text-field__input {
@@ -214,15 +280,10 @@ Textfield 항목 스타일
padding-right: 24px;
padding-bottom: 4px;
padding-left: 4px;
border-top-left-radius: 0;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
border-top-width: 0;
border-right-width: 0;
border-bottom-width: 0;
border-left-width: 0;
background-color: rgb(60, 60, 60);
border-radius: var(--radius-s);
border-width: var(--border-width);
border-color: var(--color-border);
background-color: var(--color-bg-input);
}
.unity-base-text-field__input--placeholder {