116 lines
3.5 KiB
Plaintext
116 lines
3.5 KiB
Plaintext
/*
|
|
* 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;
|
|
}
|