XRLib/Assets/Resources/SHI/Modal/ISOP/ISOPModal.uss

/*
 * ISOPModal.uss - ISOP 모달 전역 스타일시트
 *
 * [개요]
 * ISOP 모달 창 전체에 적용되는 스타일을 정의합니다.
 * 주로 스크롤바 커스터마이징과 기본 텍스트 스타일을 포함합니다.
 *
 * [스타일 구조]
 * 1. .unity-text-element : 기본 텍스트 스타일 (Pretendard 폰트, 10px)
 * 2. .unity-scroller--vertical : 세로 스크롤바 커스터마이징
 * 3. .unity-scroller--horizontal : 가로 스크롤바 커스터마이징
 *
 * [스크롤바 디자인]
 * - 너비/높이: 6px (슬림한 디자인)
 * - 트랙: 흰색 배경 (#FFFFFF)
 * - 드래거: 밝은 회색 (#D8D8D8), 둥근 모서리 (3px)
 * - 화살표 버튼: 숨김 처리
 *
 * [폰트 설정]
 * - 기본 폰트: Pretendard-Regular
 * - 기본 색상: rgb(34, 34, 34) - 진한 회색
 * - 기본 크기: 10px
 *
 * [연관 파일]
 * - ISOPModal.uxml : 메인 레이아웃
 * - ISOPChart.uss : 간트 차트 스타일
 * - ISOPModelView.uss : 모델 뷰 스타일
 */

/* ===================================
   기본 텍스트 스타일
   모달 내 모든 텍스트 요소에 적용
   =================================== */
.unity-text-element {
    -unity-font: url('project://database/Assets/Fonts/Pretendard-Regular.otf');
    -unity-font-definition: resource('Fonts/Pretendard/Pretendard-Regular');
    color: rgb(34, 34, 34);      /* 진한 회색 텍스트 */
    font-size: 10px;
}

/* ===================================
   세로 스크롤바 스타일
   슬림한 6px 너비의 커스텀 스크롤바
   =================================== */
.unity-scroller--vertical {
    width: 6px;                   /* 슬림한 너비 */
    margin-right: 4px;
    margin-bottom: 0px;
}

/* 세로 스크롤바 트랙 (배경) */
.unity-scroller--vertical .unity-base-slider__tracker {
    background-color: rgb(255, 255, 255);  /* 흰색 배경 */
    border-width: 0;
}

/* 세로 스크롤바 드래거 (핸들) */
.unity-scroller--vertical .unity-base-slider__dragger {
    background-color: rgb(216, 216, 216);  /* 밝은 회색 */
    border-width: 0;
    border-radius: 3px;                     /* 둥근 모서리 */
    width: 6px;
}

/* 세로 스크롤바 화살표 버튼 숨김 */
.unity-scroller--vertical .unity-repeat-button {
    display: none;
    width: 0;
    height: 0;
    min-width: 0;
    min-height: 0;
}

/* 세로 스크롤바 슬라이더 마진 제거 */
.unity-scroller--vertical .unity-slider {
    margin: 0;
}

/* ===================================
   가로 스크롤바 스타일
   슬림한 6px 높이의 커스텀 스크롤바
   =================================== */
.unity-scroller--horizontal {
    height: 6px;                  /* 슬림한 높이 */
    margin-bottom: 4px;
    margin-right: 0px;
}

/* 가로 스크롤바 트랙 (배경) */
.unity-scroller--horizontal .unity-base-slider__tracker {
    background-color: rgb(255, 255, 255);  /* 흰색 배경 */
    border-width: 0;
}

/* 가로 스크롤바 드래거 (핸들) */
.unity-scroller--horizontal .unity-base-slider__dragger {
    background-color: rgb(216, 216, 216);  /* 밝은 회색 */
    border-width: 0;
    border-radius: 3px;                     /* 둥근 모서리 */
    height: 6px;
}

/* 가로 스크롤바 화살표 버튼 숨김 */
.unity-scroller--horizontal .unity-repeat-button {
    display: none;
    width: 0;
    height: 0;
    min-width: 0;
    min-height: 0;
}

/* 가로 스크롤바 슬라이더 마진 제거 */
.unity-scroller--horizontal .unity-slider {
    margin: 0;
}