94 lines
2.6 KiB
Plaintext
94 lines
2.6 KiB
Plaintext
/*
|
|
* UTKIntPropertyItemViewUss.uss
|
|
* Int PropertyItem View 전용 스타일
|
|
*/
|
|
|
|
.utk-property-item-view--int {
|
|
/* Int View 전용 스타일 */
|
|
}
|
|
|
|
.utk-property-item-view--int .utk-property-item-view__value {
|
|
flex-direction: row;
|
|
flex-grow: 1;
|
|
align-items: center;
|
|
}
|
|
|
|
/* 기본 상태: Slider, Stepper 숨김, Field만 표시 */
|
|
.utk-property-item-view--int .utk-property-item-view__slider {
|
|
display: none;
|
|
flex-grow: 1;
|
|
margin-right: 8px;
|
|
margin-left: 0;
|
|
}
|
|
|
|
.utk-property-item-view--int .utk-property-item-view__stepper {
|
|
display: none;
|
|
flex-grow: 1;
|
|
}
|
|
|
|
.utk-property-item-view--int .utk-property-item-view__field {
|
|
display: flex;
|
|
flex-grow: 1;
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
/* UseSlider 상태: Slider + Field 모두 표시, Stepper 숨김 */
|
|
.utk-property-item-view--int.utk-property-item-view--slider .utk-property-item-view__slider {
|
|
display: flex;
|
|
flex-grow: 1;
|
|
}
|
|
|
|
.utk-property-item-view--int.utk-property-item-view--slider .utk-property-item-view__field {
|
|
flex-grow: 0.25;
|
|
}
|
|
|
|
.utk-property-item-view--int.utk-property-item-view--slider .utk-property-item-view__stepper {
|
|
display: none;
|
|
}
|
|
|
|
/* UseStepper 상태: Stepper만 표시, Field/Slider 숨김 */
|
|
.utk-property-item-view--int.utk-property-item-view--stepper .utk-property-item-view__stepper {
|
|
display: flex;
|
|
flex-grow: 1;
|
|
margin-left: 0;
|
|
}
|
|
|
|
.utk-property-item-view--int.utk-property-item-view--stepper .utk-property-item-view__field {
|
|
display: none;
|
|
}
|
|
|
|
.utk-property-item-view--int.utk-property-item-view--stepper .utk-property-item-view__slider {
|
|
display: none;
|
|
}
|
|
|
|
/* UseSlider + UseStepper 상태: Slider + Stepper 모두 표시, Field 숨김 */
|
|
.utk-property-item-view--int.utk-property-item-view--slider.utk-property-item-view--stepper .utk-property-item-view__slider {
|
|
display: flex;
|
|
flex-grow: 1;
|
|
}
|
|
|
|
.utk-property-item-view--int.utk-property-item-view--slider.utk-property-item-view--stepper .utk-property-item-view__stepper {
|
|
display: flex;
|
|
flex-grow: 0.25;
|
|
width: 50px;
|
|
}
|
|
|
|
.utk-property-item-view--int.utk-property-item-view--slider.utk-property-item-view--stepper .utk-property-item-view__field {
|
|
display: none;
|
|
}
|
|
|
|
/* ReadOnly 상태: Slider/Stepper 숨김, Field만 표시 (flex-grow: 1) */
|
|
.utk-property-item-view--int.utk-property-item-view--readonly .utk-property-item-view__slider {
|
|
display: none;
|
|
}
|
|
|
|
.utk-property-item-view--int.utk-property-item-view--readonly .utk-property-item-view__stepper {
|
|
display: none;
|
|
}
|
|
|
|
.utk-property-item-view--int.utk-property-item-view--readonly .utk-property-item-view__field {
|
|
display: flex;
|
|
flex-grow: 1;
|
|
margin-bottom: 0;
|
|
}
|