@ray-js/ipc-player-integration 0.0.48 → 0.0.49-beta.1
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 +7 -6
- 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
|
@@ -262,16 +262,17 @@
|
|
|
262
262
|
}
|
|
263
263
|
|
|
264
264
|
// 右上角子元素容器
|
|
265
|
+
// 每侧 4px,相邻两项之间净间距 8px
|
|
265
266
|
.top-right-item-container {
|
|
266
|
-
padding: 0
|
|
267
|
+
padding: 0 4px;
|
|
267
268
|
}
|
|
268
269
|
|
|
269
270
|
.top-right-item-container:first-of-type {
|
|
270
|
-
padding: 0
|
|
271
|
+
padding: 0 4px 0 0;
|
|
271
272
|
}
|
|
272
273
|
|
|
273
274
|
.top-right-item-container:last-of-type {
|
|
274
|
-
padding: 0 16px 0
|
|
275
|
+
padding: 0 16px 0 4px;
|
|
275
276
|
}
|
|
276
277
|
|
|
277
278
|
.top-right-item-container:only-of-type {
|
|
@@ -303,16 +304,16 @@
|
|
|
303
304
|
|
|
304
305
|
// 左下角全屏子元素容器
|
|
305
306
|
.bottom-left-item-full-container {
|
|
306
|
-
padding: 0
|
|
307
|
+
padding: 0 16px !important;
|
|
307
308
|
flex-shrink: 0;
|
|
308
309
|
}
|
|
309
310
|
|
|
310
311
|
.bottom-left-item-full-container:first-of-type {
|
|
311
|
-
padding: 0
|
|
312
|
+
padding: 0 16px 0 12px !important;
|
|
312
313
|
}
|
|
313
314
|
|
|
314
315
|
.bottom-left-item-full-container:last-of-type {
|
|
315
|
-
padding: 0 0 0
|
|
316
|
+
padding: 0 0 0 16px !important;
|
|
316
317
|
}
|
|
317
318
|
|
|
318
319
|
.bottom-left-item-full-container:only-of-type {
|