选择器视觉微调

This commit is contained in:
杍超
2025-02-07 15:39:54 +08:00
parent c612348fe1
commit 41ba67c0ce

View File

@@ -307,7 +307,7 @@
actionsPosition.left = remoteVideoPosition.left + remoteVideoPosition.width + 10
actionsPosition.left = actionsPosition.left > wrapperRect.width ? actionsPosition.left - 60 : actionsPosition.left
actionsPosition.bottom = wrapperRect.height - remoteVideoPosition.top - remoteVideoPosition.height + 5
actionsPosition.isOverflow = actionsPosition.left + 80 > wrapperRect.width
actionsPosition.isOverflow = actionsPosition.left + 300 > wrapperRect.width
} else {
// 否则则占用全屏
let height = wrapperRect.height - 24
@@ -321,7 +321,7 @@
actionsPosition.left = localVideoPosition.left + localVideoPosition.width + 10
actionsPosition.left = actionsPosition.left > wrapperRect.width ? actionsPosition.left-60 : actionsPosition.left
actionsPosition.bottom = wrapperRect.height - localVideoPosition.top - localVideoPosition.height + 5
actionsPosition.isOverflow = actionsPosition.left + 100 > wrapperRect.width
actionsPosition.isOverflow = actionsPosition.left + 300 > wrapperRect.width
}
}
@@ -564,6 +564,7 @@
top: 0;
left: calc(100%);
margin-left: 3px;
&.left {
left: 0;
margin-left: -3px;
@@ -575,6 +576,10 @@
background: rgba(90, 90, 90, 0.5);
backdrop-filter: blur(8px);
.selector {
max-width: 250px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
position: relative;
cursor: pointer;
height: 42px;