@yogiswara/honcho-editor-ui 3.1.11 → 3.1.13
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -114,33 +114,30 @@ export default function HSliderColorMobile(props) {
|
|
|
114
114
|
color: colors.surface,
|
|
115
115
|
width: "40px", // Keep the fixed width for alignment
|
|
116
116
|
textAlign: "right", // Keep the text alignment
|
|
117
|
-
}, children: formatValue(props.tempScore) })] }),
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
touchAction: 'none',
|
|
142
|
-
}
|
|
143
|
-
}, slotProps: { thumb: { ref: tempSliderRef } }, size: "small", value: props.tempScore, step: 1, min: -100, max: 100, onChange: (_event, newValue) => props.setTempScore("tempScore", newValue) })] }), _jsxs(Stack, { direction: "row", justifyContent: "space-between", alignItems: "center", sx: { pt: '10px', pb: '0px', '&:focus-within .MuiFilledInput-input': focusedInputStyle }, children: [_jsx(Typography, { sx: { ...typography.bodyMedium, color: colors.surface, userSelect: 'none' }, onDoubleClick: tintInput.handleDoubleClick, children: "Tint" }), _jsx(Typography, { sx: {
|
|
117
|
+
}, children: formatValue(props.tempScore) })] }), _jsx(Slider, { sx: {
|
|
118
|
+
width: "100%",
|
|
119
|
+
color: colors.surface,
|
|
120
|
+
'& .MuiSlider-rail': {
|
|
121
|
+
background: tempGradient,
|
|
122
|
+
opacity: 1,
|
|
123
|
+
pointerEvents: 'none',
|
|
124
|
+
},
|
|
125
|
+
'& .MuiSlider-track': {
|
|
126
|
+
background: 'transparent',
|
|
127
|
+
border: 'none',
|
|
128
|
+
pointerEvents: 'none',
|
|
129
|
+
},
|
|
130
|
+
'& .MuiSlider-thumb': {
|
|
131
|
+
boxShadow: 'none',
|
|
132
|
+
pointerEvents: 'auto', // IMPORTANT: Re-enable interaction ONLY for the thumb
|
|
133
|
+
touchAction: 'none',
|
|
134
|
+
zIndex: 2,
|
|
135
|
+
}
|
|
136
|
+
}, slotProps: {
|
|
137
|
+
thumb: {
|
|
138
|
+
ref: tempSliderRef
|
|
139
|
+
}
|
|
140
|
+
}, size: "small", value: props.tempScore, step: 1, min: -100, max: 100, onChange: (_event, newValue) => props.setTempScore("tempScore", newValue), onDoubleClick: tempInput.handleDoubleClick }), _jsxs(Stack, { direction: "row", justifyContent: "space-between", alignItems: "center", sx: { pt: '10px', pb: '0px', '&:focus-within .MuiFilledInput-input': focusedInputStyle }, children: [_jsx(Typography, { sx: { ...typography.bodyMedium, color: colors.surface, userSelect: 'none' }, onDoubleClick: tintInput.handleDoubleClick, children: "Tint" }), _jsx(Typography, { sx: {
|
|
144
141
|
...typography.bodyMedium, // Use your standard typography
|
|
145
142
|
color: colors.surface,
|
|
146
143
|
width: "40px", // Keep the fixed width for alignment
|