@yogiswara/honcho-editor-ui 3.1.12 → 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,34 +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
|
-
zIndex: 2, // ✅ ADD zIndex to the thumb ONLY to place it on top
|
|
143
|
-
}
|
|
144
|
-
}, 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: {
|
|
145
141
|
...typography.bodyMedium, // Use your standard typography
|
|
146
142
|
color: colors.surface,
|
|
147
143
|
width: "40px", // Keep the fixed width for alignment
|