@yogiswara/honcho-editor-ui 3.1.20 → 3.1.22
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.
|
@@ -116,8 +116,11 @@ export default function HSliderColorMobile(props) {
|
|
|
116
116
|
textAlign: "right", // Keep the text alignment
|
|
117
117
|
}, children: formatValue(props.tempScore) })] }), _jsxs(Box, { sx: { position: 'relative', width: '100%' }, children: [_jsx("div", { style: {
|
|
118
118
|
position: 'absolute',
|
|
119
|
-
top:
|
|
120
|
-
bottom:
|
|
119
|
+
top: "-5px",
|
|
120
|
+
bottom: "-5px",
|
|
121
|
+
// Offset by 16px to align with the slider's track inside the component
|
|
122
|
+
left: 0,
|
|
123
|
+
right: 0,
|
|
121
124
|
zIndex: 1,
|
|
122
125
|
touchAction: 'manipulation', // ✅ 1. Add this to make double-tap reliable on mobile
|
|
123
126
|
} }), _jsx(Slider, { sx: {
|
|
@@ -151,8 +154,11 @@ export default function HSliderColorMobile(props) {
|
|
|
151
154
|
textAlign: "right", // Keep the text alignment
|
|
152
155
|
}, children: formatValue(props.tintScore) })] }), _jsxs(Box, { sx: { position: 'relative', width: '100%' }, children: [_jsx("div", { style: {
|
|
153
156
|
position: 'absolute',
|
|
154
|
-
top:
|
|
155
|
-
bottom:
|
|
157
|
+
top: "-5px",
|
|
158
|
+
bottom: "-5px",
|
|
159
|
+
// Offset by 16px to align with the slider's track inside the component
|
|
160
|
+
left: 0,
|
|
161
|
+
right: 0,
|
|
156
162
|
zIndex: 1,
|
|
157
163
|
touchAction: 'manipulation', // ✅ 1. Add this to make double-tap reliable on mobile
|
|
158
164
|
} }), _jsx(Slider, { sx: {
|
|
@@ -186,8 +192,11 @@ export default function HSliderColorMobile(props) {
|
|
|
186
192
|
textAlign: "right", // Keep the text alignment
|
|
187
193
|
}, children: formatValue(props.vibranceScore) })] }), _jsxs(Box, { sx: { position: 'relative', width: '100%' }, children: [_jsx("div", { style: {
|
|
188
194
|
position: 'absolute',
|
|
189
|
-
top:
|
|
190
|
-
bottom:
|
|
195
|
+
top: "-5px",
|
|
196
|
+
bottom: "-5px",
|
|
197
|
+
// Offset by 16px to align with the slider's track inside the component
|
|
198
|
+
left: 0,
|
|
199
|
+
right: 0,
|
|
191
200
|
zIndex: 1,
|
|
192
201
|
touchAction: 'manipulation', // ✅ 1. Add this to make double-tap reliable on mobile
|
|
193
202
|
} }), _jsx(Slider, { sx: {
|
|
@@ -221,8 +230,11 @@ export default function HSliderColorMobile(props) {
|
|
|
221
230
|
textAlign: "right", // Keep the text alignment
|
|
222
231
|
}, children: formatValue(props.saturationScore) })] }), _jsxs(Box, { sx: { position: 'relative', width: '100%' }, children: [_jsx("div", { style: {
|
|
223
232
|
position: 'absolute',
|
|
224
|
-
top:
|
|
225
|
-
bottom:
|
|
233
|
+
top: "-5px",
|
|
234
|
+
bottom: "-5px",
|
|
235
|
+
// Offset by 16px to align with the slider's track inside the component
|
|
236
|
+
left: 0,
|
|
237
|
+
right: 0,
|
|
226
238
|
zIndex: 1,
|
|
227
239
|
touchAction: 'manipulation', // ✅ 1. Add this to make double-tap reliable on mobile
|
|
228
240
|
} }), _jsx(Slider, { sx: {
|