x15904151985/ArtPlayer
1
0 Fork 0
mirror of https://github.com/zhw2590582/ArtPlayer.git synced 2026-10-23 22:01:20 -08:00
Code Issues Packages Projects Releases Wiki Activity

fix setting style

Browse Source
This commit is contained in:
Harvey Zack committed 2022-12-31 23:05:00 +08:00
1 parent 7aad1936c2
commit a52d5c92c0
3 files changed
+241 -229
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

packages/artplayer/src/setting/index.js
+10 -4
View File
@@ -351,11 +351,17 @@ export default class Setting extends Component {
} = this.art;
if (controls.setting && !isMobile) {
const settingWidth = width || constructor.SETTING_WIDTH;
const { left: controlLeft, width: controlWidth } = controls.setting.getBoundingClientRect();
const { left: playerlLeft } = $player.getBoundingClientRect();
const settingLeft = controlLeft - playerlLeft + controlWidth / 2 - (width || constructor.SETTING_WIDTH) / 2;
setStyle($setting, 'left', `${settingLeft}px`);
setStyle($setting, 'right', 'auto');
const { left: playerLeft, width: playerWidth } = $player.getBoundingClientRect();
const settingLeft = controlLeft - playerLeft + controlWidth / 2 - settingWidth / 2;
if (settingLeft + settingWidth > playerWidth) {
setStyle($setting, 'left', 'auto');
setStyle($setting, 'right', '10px');
} else {
setStyle($setting, 'left', `${settingLeft}px`);
setStyle($setting, 'right', 'auto');
}
} else {
setStyle($setting, 'left', 'auto');
setStyle($setting, 'right', '10px');