@ray-js/ipc-player-integration 0.0.48 → 0.0.49-beta.0
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.
- package/lib/ui/bottomLeftContent.js +6 -2
- package/lib/ui/ui.less +3 -3
- package/package.json +1 -1
|
@@ -105,7 +105,10 @@ const BottomLeftContent = _ref => {
|
|
|
105
105
|
const t = setTimeout(() => setScrollTo(undefined), 600);
|
|
106
106
|
return () => clearTimeout(t);
|
|
107
107
|
}, [scrollTo]);
|
|
108
|
-
const paddingLeftPx =
|
|
108
|
+
const paddingLeftPx = 0;
|
|
109
|
+
// 左侧留白必须挂内容容器：ScrollView 的 host 不是滚动器，host 上的 padding 内容滚不进去，
|
|
110
|
+
// 最左 icon 贴不到屏幕边缘
|
|
111
|
+
const contentPaddingLeftPx = screenType === 'vertical' ? 0 : 25;
|
|
109
112
|
// 滚动末端的安全距离：滑到最右时最后一个元素与右边缘留更宽松的间距（横屏更宽）
|
|
110
113
|
const paddingRightPx = screenType === 'vertical' ? 22 : 32;
|
|
111
114
|
const paddingBottomPx = screenType === 'vertical' ? 0 : 25;
|
|
@@ -288,7 +291,8 @@ const BottomLeftContent = _ref => {
|
|
|
288
291
|
display: 'inline-flex',
|
|
289
292
|
flexDirection: 'row',
|
|
290
293
|
height: `${visibleRowHeight}px`,
|
|
291
|
-
alignItems: 'center'
|
|
294
|
+
alignItems: 'center',
|
|
295
|
+
paddingLeft: `${contentPaddingLeftPx}px`
|
|
292
296
|
}
|
|
293
297
|
}, children, /*#__PURE__*/React.createElement(View, {
|
|
294
298
|
className: endCls,
|
package/lib/ui/ui.less
CHANGED
|
@@ -303,16 +303,16 @@
|
|
|
303
303
|
|
|
304
304
|
// 左下角全屏子元素容器
|
|
305
305
|
.bottom-left-item-full-container {
|
|
306
|
-
padding: 0
|
|
306
|
+
padding: 0 16px !important;
|
|
307
307
|
flex-shrink: 0;
|
|
308
308
|
}
|
|
309
309
|
|
|
310
310
|
.bottom-left-item-full-container:first-of-type {
|
|
311
|
-
padding: 0
|
|
311
|
+
padding: 0 16px 0 12px !important;
|
|
312
312
|
}
|
|
313
313
|
|
|
314
314
|
.bottom-left-item-full-container:last-of-type {
|
|
315
|
-
padding: 0 0 0
|
|
315
|
+
padding: 0 0 0 16px !important;
|
|
316
316
|
}
|
|
317
317
|
|
|
318
318
|
.bottom-left-item-full-container:only-of-type {
|