cxc/meeting-client
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

1:1 view in mobile

Browse Source
This commit is contained in:
cxc
2023-02-14 15:16:05 +08:00
parent c526f39dc2
commit 825c43ddca
1 changed files with 173 additions and 240 deletions
Download Patch File Download Diff File Expand all files Collapse all files

413
src/views/meeting.vue
View File

@ -375,7 +375,6 @@ const setTextLabel = () => {
}); });
store.getters.textLabelList.forEach((item) => { store.getters.textLabelList.forEach((item) => {
const labelObj = JSON.parse(item.textLabel); const labelObj = JSON.parse(item.textLabel);
console.log(labelObj);
const textEl = document.createElement("div"); const textEl = document.createElement("div");
textEl.id = `${uniqueId("tag-")}`; textEl.id = `${uniqueId("tag-")}`;
textEl.innerHTML = labelObj.content; textEl.innerHTML = labelObj.content;
@ -940,12 +939,10 @@ $meetingBackgroundHeight: 80vw * 9 / 16;
height: calc(80vw * 1080 / 1920) !important; height: calc(80vw * 1080 / 1920) !important;
} }
// 底部操作条 // 底部操作条
:deep( :deep(#video-element
#video-element > div
> div > .zmwebsdk-MuiPaper-root
> .zmwebsdk-MuiPaper-root > .zmwebsdk-MuiPaper-root:nth-child(2)) {
> .zmwebsdk-MuiPaper-root:nth-child(2)
) {
// display: none !important; // display: none !important;
// position: absolute; // position: absolute;
// visibility: hidden; // visibility: hidden;
@ -956,19 +953,15 @@ $meetingBackgroundHeight: 80vw * 9 / 16;
transform: translate(-50%, 100%); transform: translate(-50%, 100%);
} }
// 视频组件宽度 // 视频组件宽度
:deep( :deep(#video-element
#video-element > div
> div > .zmwebsdk-MuiPaper-root
> .zmwebsdk-MuiPaper-root > .zmwebsdk-MuiPaper-root:nth-child(1)) {
> .zmwebsdk-MuiPaper-root:nth-child(1)
) {
width: 80vw !important; width: 80vw !important;
} }
// zoom 会议共享屏幕组件宽度 // zoom 会议共享屏幕组件宽度
:deep( :deep(div[id*="suspension-view-tabpanel"]
div[id*="suspension-view-tabpanel"] > .zmwebsdk-MuiBox-root.zmwebsdk-MuiBox-root) {
> .zmwebsdk-MuiBox-root.zmwebsdk-MuiBox-root
) {
// height: calc(80vw * 850 / 1346) !important; // height: calc(80vw * 850 / 1346) !important;
height: calc(80vw * 1080 / 1920) !important; height: calc(80vw * 1080 / 1920) !important;
} }
@ -979,19 +972,15 @@ $meetingBackgroundHeight: 80vw * 9 / 16;
} }
// 视频组件宽度 // 视频组件宽度
:deep( :deep(#video-element
#video-element > div
> div > .zmwebsdk-MuiPaper-root
> .zmwebsdk-MuiPaper-root > .zmwebsdk-MuiPaper-root:nth-child(1)) {
> .zmwebsdk-MuiPaper-root:nth-child(1)
) {
width: 100vw !important; width: 100vw !important;
} }
// zoom 会议共享屏幕组件宽度 // zoom 会议共享屏幕组件宽度
:deep( :deep(div[id*="suspension-view-tabpanel"]
div[id*="suspension-view-tabpanel"] > .zmwebsdk-MuiBox-root.zmwebsdk-MuiBox-root) {
> .zmwebsdk-MuiBox-root.zmwebsdk-MuiBox-root
) {
// height: calc(80vw * 850 / 1346) !important; // height: calc(80vw * 850 / 1346) !important;
height: calc(100vw * 1080 / 1920) !important; height: calc(100vw * 1080 / 1920) !important;
} }
@ -1003,19 +992,15 @@ $meetingBackgroundHeight: 80vw * 9 / 16;
} }
// 视频组件宽度 // 视频组件宽度
:deep( :deep(#video-element
#video-element > div
> div > .zmwebsdk-MuiPaper-root
> .zmwebsdk-MuiPaper-root > .zmwebsdk-MuiPaper-root:nth-child(1)) {
> .zmwebsdk-MuiPaper-root:nth-child(1)
) {
width: 100vw !important; width: 100vw !important;
} }
// zoom 会议共享屏幕组件宽度 // zoom 会议共享屏幕组件宽度
:deep( :deep(div[id*="suspension-view-tabpanel"]
div[id*="suspension-view-tabpanel"] > .zmwebsdk-MuiBox-root.zmwebsdk-MuiBox-root) {
> .zmwebsdk-MuiBox-root.zmwebsdk-MuiBox-root
) {
// height: calc(80vw * 850 / 1346) !important; // height: calc(80vw * 850 / 1346) !important;
height: calc(100vw * 1080 / 1920) !important; height: calc(100vw * 1080 / 1920) !important;
} }
@ -1040,19 +1025,15 @@ $meetingBackgroundHeight: 80vw * 9 / 16;
} }
// 视频组件宽度 // 视频组件宽度
:deep( :deep(#video-element
#video-element > div
> div > .zmwebsdk-MuiPaper-root
> .zmwebsdk-MuiPaper-root > .zmwebsdk-MuiPaper-root:nth-child(1)) {
> .zmwebsdk-MuiPaper-root:nth-child(1)
) {
width: calc(100vw * 1920 / 1080) !important; width: calc(100vw * 1920 / 1080) !important;
} }
// zoom 会议共享屏幕组件宽度 // zoom 会议共享屏幕组件宽度
:deep( :deep(div[id*="suspension-view-tabpanel"]
div[id*="suspension-view-tabpanel"] > .zmwebsdk-MuiBox-root.zmwebsdk-MuiBox-root) {
> .zmwebsdk-MuiBox-root.zmwebsdk-MuiBox-root
) {
// height: calc(100vh * 1080 / 1920) !important; // height: calc(100vh * 1080 / 1920) !important;
height: 100vw !important; height: 100vw !important;
} }
@ -1078,12 +1059,10 @@ $meetingBackgroundHeight: 80vw * 9 / 16;
:deep(.rich-editor) { :deep(.rich-editor) {
width: 14vw !important; width: 14vw !important;
} }
:deep( :deep(.notInSharing
.notInSharing div[id*="suspension-view-tabpanel"]
div[id*="suspension-view-tabpanel"] > .zmwebsdk-MuiBox-root.zmwebsdk-MuiBox-root
> .zmwebsdk-MuiBox-root.zmwebsdk-MuiBox-root > div) {
> div
) {
width: $meetingComponentWitdh; width: $meetingComponentWitdh;
} }
#meeting-container { #meeting-container {
@ -1102,17 +1081,13 @@ $meetingBackgroundHeight: 80vw * 9 / 16;
} }
#video-element { #video-element {
width: $meetingComponentWitdh; width: $meetingComponentWitdh;
:deep( :deep(div[id*="suspension-view-tabpanel"]
div[id*="suspension-view-tabpanel"] > .zmwebsdk-MuiBox-root.zmwebsdk-MuiBox-root
> .zmwebsdk-MuiBox-root.zmwebsdk-MuiBox-root > div[class*="inSharing"]
> div[class*="inSharing"] > div) {
> div
) {
padding-top: 3px; padding-top: 3px;
} }
:deep( :deep(.zmwebsdk-MuiListSubheader-root.zmwebsdk-MuiListSubheader-sticky.zmwebsdk-MuiListSubheader-gutters) {
.zmwebsdk-MuiListSubheader-root.zmwebsdk-MuiListSubheader-sticky.zmwebsdk-MuiListSubheader-gutters
) {
position: initial; position: initial;
} }
} }
@ -1149,95 +1124,73 @@ $meetingBackgroundHeight: 80vw * 9 / 16;
} }
} }
.layout-template-1 { .layout-template-1 {
:deep( :deep(div[id*="suspension-view-tabpanel"]
div[id*="suspension-view-tabpanel"] > .zmwebsdk-MuiBox-root.zmwebsdk-MuiBox-root
> .zmwebsdk-MuiBox-root.zmwebsdk-MuiBox-root > div[class*="inSharing"]
> div[class*="inSharing"] + div) {
+ div
) {
width: $meetingComponentWitdh * 0.5; width: $meetingComponentWitdh * 0.5;
height: $meetingComponentWitdh * 0.5 * 9 / 16; height: $meetingComponentWitdh * 0.5 * 9 / 16;
align-self: center; align-self: center;
} }
} }
.layout-template-2 { .layout-template-2 {
:deep( :deep(div[id*="suspension-view-tabpanel"]
div[id*="suspension-view-tabpanel"] > .zmwebsdk-MuiBox-root.zmwebsdk-MuiBox-root
> .zmwebsdk-MuiBox-root.zmwebsdk-MuiBox-root > div[class*="inSharing"]
> div[class*="inSharing"] + div) {
+ div
) {
width: $meetingComponentWitdh * 0.5; width: $meetingComponentWitdh * 0.5;
height: $meetingComponentWitdh * 0.5 * 9 / 16; height: $meetingComponentWitdh * 0.5 * 9 / 16;
align-self: center; align-self: center;
} }
:deep( :deep(#suspension-view-tabpanel-ribbon
#suspension-view-tabpanel-ribbon > .zmwebsdk-MuiBox-root.zmwebsdk-MuiBox-root),
> .zmwebsdk-MuiBox-root.zmwebsdk-MuiBox-root :deep(#suspension-view-tabpanel-speaker
), > .zmwebsdk-MuiBox-root.zmwebsdk-MuiBox-root) {
:deep(
#suspension-view-tabpanel-speaker
> .zmwebsdk-MuiBox-root.zmwebsdk-MuiBox-root
) {
flex-direction: row-reverse; flex-direction: row-reverse;
} }
} }
.layout-template-3 { .layout-template-3 {
:deep( :deep(div[id*="suspension-view-tabpanel"]
div[id*="suspension-view-tabpanel"] > .zmwebsdk-MuiBox-root.zmwebsdk-MuiBox-root
> .zmwebsdk-MuiBox-root.zmwebsdk-MuiBox-root > div[class*="inSharing"]
> div[class*="inSharing"] + div) {
+ div
) {
width: $meetingComponentWitdh * 0.15; width: $meetingComponentWitdh * 0.15;
height: $meetingComponentWitdh * 0.15 * 9 / 16; height: $meetingComponentWitdh * 0.15 * 9 / 16;
position: relative; position: relative;
} }
} }
.layout-template-4 { .layout-template-4 {
:deep( :deep(div[id*="suspension-view-tabpanel"]
div[id*="suspension-view-tabpanel"] > .zmwebsdk-MuiBox-root.zmwebsdk-MuiBox-root
> .zmwebsdk-MuiBox-root.zmwebsdk-MuiBox-root > div[class*="inSharing"]
> div[class*="inSharing"] + div) {
+ div
) {
width: $meetingComponentWitdh * 0.15; width: $meetingComponentWitdh * 0.15;
height: $meetingComponentWitdh * 0.15 * 9 / 16; height: $meetingComponentWitdh * 0.15 * 9 / 16;
position: relative; position: relative;
} }
:deep( :deep(#suspension-view-tabpanel-ribbon
#suspension-view-tabpanel-ribbon > .zmwebsdk-MuiBox-root.zmwebsdk-MuiBox-root),
> .zmwebsdk-MuiBox-root.zmwebsdk-MuiBox-root :deep(#suspension-view-tabpanel-speaker
), > .zmwebsdk-MuiBox-root.zmwebsdk-MuiBox-root) {
:deep(
#suspension-view-tabpanel-speaker
> .zmwebsdk-MuiBox-root.zmwebsdk-MuiBox-root
) {
flex-direction: row-reverse; flex-direction: row-reverse;
} }
} }
.layout-template-5 { .layout-template-5 {
:deep( :deep(div[id*="suspension-view-tabpanel"]
div[id*="suspension-view-tabpanel"] > .zmwebsdk-MuiBox-root.zmwebsdk-MuiBox-root
> .zmwebsdk-MuiBox-root.zmwebsdk-MuiBox-root > div[class*="inSharing"]
> div[class*="inSharing"] + div) {
+ div
) {
display: none; display: none;
width: $meetingComponentWitdh; width: $meetingComponentWitdh;
height: $meetingComponentWitdh * 9 / 16; height: $meetingComponentWitdh * 9 / 16;
position: relative; position: relative;
} }
:deep( :deep(#suspension-view-tabpanel-ribbon
#suspension-view-tabpanel-ribbon > .zmwebsdk-MuiBox-root.zmwebsdk-MuiBox-root),
> .zmwebsdk-MuiBox-root.zmwebsdk-MuiBox-root :deep(#suspension-view-tabpanel-speaker
), > .zmwebsdk-MuiBox-root.zmwebsdk-MuiBox-root) {
:deep(
#suspension-view-tabpanel-speaker
> .zmwebsdk-MuiBox-root.zmwebsdk-MuiBox-root
) {
flex-direction: row-reverse; flex-direction: row-reverse;
} }
} }
@ -1248,27 +1201,21 @@ $meetingBackgroundHeight: 80vw * 9 / 16;
:deep(div[class*="zmwebsdk-makeStyles-singleView"]) { :deep(div[class*="zmwebsdk-makeStyles-singleView"]) {
padding: 0; // 去掉会议组件边距 padding: 0; // 去掉会议组件边距
} }
:deep( :deep(#video-element
#video-element > div
> div > .zmwebsdk-MuiPaper-root
> .zmwebsdk-MuiPaper-root > .zmwebsdk-MuiPaper-root:nth-child(1)) {
> .zmwebsdk-MuiPaper-root:nth-child(1)
) {
width: $meetingComponentWitdh; width: $meetingComponentWitdh;
} }
:deep( :deep(#video-element
#video-element > div
> div > .zmwebsdk-MuiPaper-root
> .zmwebsdk-MuiPaper-root > .zmwebsdk-MuiPaper-root:nth-child(2)) {
> .zmwebsdk-MuiPaper-root:nth-child(2)
) {
width: 270px; width: 270px;
background: #ccc; background: #ccc;
} }
:deep( :deep(div[id*="suspension-view-tabpanel"]
div[id*="suspension-view-tabpanel"] > .zmwebsdk-MuiBox-root.zmwebsdk-MuiBox-root) {
> .zmwebsdk-MuiBox-root.zmwebsdk-MuiBox-root
) {
height: $meetingComponentWitdh * 9 / 16; height: $meetingComponentWitdh * 9 / 16;
} }
@ -1277,11 +1224,9 @@ $meetingBackgroundHeight: 80vw * 9 / 16;
box-shadow: 0 0; box-shadow: 0 0;
} }
// 隐藏共享屏幕上方提示 // 隐藏共享屏幕上方提示
:deep( :deep(div[id*="suspension-view-tabpanel"]
div[id*="suspension-view-tabpanel"] div[class*="inSharing"]
div[class*="inSharing"] > .zmwebsdk-MuiBox-root) {
> .zmwebsdk-MuiBox-root
) {
display: none; display: none;
} }
@ -1295,12 +1240,10 @@ $meetingBackgroundHeight: 80vw * 9 / 16;
padding-right: 0; padding-right: 0;
} }
#meeting-chat-row { #meeting-chat-row {
:deep( :deep(.notInSharing
.notInSharing div[id*="suspension-view-tabpanel"]
div[id*="suspension-view-tabpanel"] > .zmwebsdk-MuiBox-root.zmwebsdk-MuiBox-root
> .zmwebsdk-MuiBox-root.zmwebsdk-MuiBox-root > div) {
> div
) {
width: $meetingComponentWitdh; width: $meetingComponentWitdh;
} }
#meeting-container { #meeting-container {
@ -1312,39 +1255,43 @@ $meetingBackgroundHeight: 80vw * 9 / 16;
} }
#video-element { #video-element {
width: 88vw; width: 88vw;
:deep( :deep(div[id*="suspension-view-tabpanel"]
div[id*="suspension-view-tabpanel"] > .zmwebsdk-MuiBox-root.zmwebsdk-MuiBox-root
> .zmwebsdk-MuiBox-root.zmwebsdk-MuiBox-root > div[class*="inSharing"]
> div[class*="inSharing"] + div) {
+ div
) {
width: $meetingComponentWitdh * 0.15; width: $meetingComponentWitdh * 0.15;
height: $meetingComponentWitdh * 0.15 * 9 / 14.5; height: $meetingComponentWitdh * 0.15 * 9 / 14.5;
position: relative; position: relative;
align-self: initial; align-self: initial;
} }
// width: 72vw; &.layout-template-1,
:deep( &.layout-template-2 {
div[id*="suspension-view-tabpanel"] :deep(div[id*="suspension-view-tabpanel"]
> .zmwebsdk-MuiBox-root.zmwebsdk-MuiBox-root > .zmwebsdk-MuiBox-root.zmwebsdk-MuiBox-root
> div[class*="inSharing"] > div[class*="inSharing"]
> div + div) {
) { width: $meetingComponentWitdh * 0.5;
height: $meetingComponentWitdh * 0.5 * 9 / 16;
// align-self: center;
}
}
// width: 72vw;
:deep(div[id*="suspension-view-tabpanel"]
> .zmwebsdk-MuiBox-root.zmwebsdk-MuiBox-root
> div[class*="inSharing"]
> div) {
padding-top: initial; padding-top: initial;
} }
:deep( :deep(div[id*="suspension-view-tabpanel"]
div[id*="suspension-view-tabpanel"] > .zmwebsdk-MuiBox-root.zmwebsdk-MuiBox-root) {
> .zmwebsdk-MuiBox-root.zmwebsdk-MuiBox-root
) {
height: $meetingComponentWitdh * 9 / 16; height: $meetingComponentWitdh * 9 / 16;
} }
} }
:deep( :deep(#video-element
#video-element > div
> div > .zmwebsdk-MuiPaper-root
> .zmwebsdk-MuiPaper-root > .zmwebsdk-MuiPaper-root:nth-child(1)) {
> .zmwebsdk-MuiPaper-root:nth-child(1)
) {
width: $meetingComponentWitdh; width: $meetingComponentWitdh;
} }
} }
@ -1360,12 +1307,10 @@ $meetingBackgroundHeight: 80vw * 9 / 16;
#meeting-chat-row { #meeting-chat-row {
.fullscreen-wrap { .fullscreen-wrap {
width: 80vw; width: 80vw;
:deep( :deep(.notInSharing.fullscreen
.notInSharing.fullscreen div[id*="suspension-view-tabpanel"]
div[id*="suspension-view-tabpanel"] > .zmwebsdk-MuiBox-root.zmwebsdk-MuiBox-root
> .zmwebsdk-MuiBox-root.zmwebsdk-MuiBox-root > div) {
> div
) {
width: 88vw; width: 88vw;
} }
#meeting-container.fullscreen { #meeting-container.fullscreen {
@ -1384,77 +1329,63 @@ $meetingBackgroundHeight: 80vw * 9 / 16;
width: $meetingComponentWitdh; width: $meetingComponentWitdh;
} }
.layout-template-1 { .layout-template-1 {
:deep( :deep(div[id*="suspension-view-tabpanel"]
div[id*="suspension-view-tabpanel"] > .zmwebsdk-MuiBox-root.zmwebsdk-MuiBox-root
> .zmwebsdk-MuiBox-root.zmwebsdk-MuiBox-root > div[class*="inSharing"]
> div[class*="inSharing"] + div) {
+ div
) {
width: $meetingComponentWitdh * 0.5; width: $meetingComponentWitdh * 0.5;
height: $meetingComponentWitdh * 0.5 * 9 / 16; height: $meetingComponentWitdh * 0.5 * 9 / 16;
} }
} }
.layout-template-2 { .layout-template-2 {
:deep( :deep(div[id*="suspension-view-tabpanel"]
div[id*="suspension-view-tabpanel"] > .zmwebsdk-MuiBox-root.zmwebsdk-MuiBox-root
> .zmwebsdk-MuiBox-root.zmwebsdk-MuiBox-root > div[class*="inSharing"]
> div[class*="inSharing"] + div) {
+ div
) {
width: $meetingComponentWitdh * 0.5; width: $meetingComponentWitdh * 0.5;
height: $meetingComponentWitdh * 0.5 * 9 / 16; height: $meetingComponentWitdh * 0.5 * 9 / 16;
} }
} }
.layout-template-3 { .layout-template-3 {
:deep( :deep(div[id*="suspension-view-tabpanel"]
div[id*="suspension-view-tabpanel"] > .zmwebsdk-MuiBox-root.zmwebsdk-MuiBox-root
> .zmwebsdk-MuiBox-root.zmwebsdk-MuiBox-root > div[class*="inSharing"]
> div[class*="inSharing"] + div) {
+ div
) {
width: $meetingComponentWitdh * 0.15; width: $meetingComponentWitdh * 0.15;
height: $meetingComponentWitdh * 0.15 * 9 / 16; height: $meetingComponentWitdh * 0.15 * 9 / 16;
} }
} }
.layout-template-4 { .layout-template-4 {
:deep( :deep(div[id*="suspension-view-tabpanel"]
div[id*="suspension-view-tabpanel"] > .zmwebsdk-MuiBox-root.zmwebsdk-MuiBox-root
> .zmwebsdk-MuiBox-root.zmwebsdk-MuiBox-root > div[class*="inSharing"]
> div[class*="inSharing"] + div) {
+ div
) {
width: $meetingComponentWitdh * 0.15; width: $meetingComponentWitdh * 0.15;
height: $meetingComponentWitdh * 0.15 * 9 / 16; height: $meetingComponentWitdh * 0.15 * 9 / 16;
} }
} }
.layout-template-5 { .layout-template-5 {
:deep( :deep(div[id*="suspension-view-tabpanel"]
div[id*="suspension-view-tabpanel"] > .zmwebsdk-MuiBox-root.zmwebsdk-MuiBox-root
> .zmwebsdk-MuiBox-root.zmwebsdk-MuiBox-root > div[class*="inSharing"]
> div[class*="inSharing"] + div) {
+ div
) {
display: none; display: none;
width: $meetingComponentWitdh; width: $meetingComponentWitdh;
height: $meetingComponentWitdh * 9 / 16; height: $meetingComponentWitdh * 9 / 16;
} }
} }
:deep( :deep(#video-element
#video-element > div
> div > .zmwebsdk-MuiPaper-root
> .zmwebsdk-MuiPaper-root > .zmwebsdk-MuiPaper-root:nth-child(1)) {
> .zmwebsdk-MuiPaper-root:nth-child(1)
) {
width: 88vw; width: 88vw;
} }
:deep( :deep(#video-element
#video-element > div
> div > .zmwebsdk-MuiPaper-root
> .zmwebsdk-MuiPaper-root > .zmwebsdk-MuiPaper-root:nth-child(2)) {
> .zmwebsdk-MuiPaper-root:nth-child(2)
) {
display: none; display: none;
} }
// :deep(div[id*="suspension-view-tabpanel"] // :deep(div[id*="suspension-view-tabpanel"]
@ -1462,14 +1393,13 @@ $meetingBackgroundHeight: 80vw * 9 / 16;
// height: calc(100vw * 0.9 * 9 / 16); // height: calc(100vw * 0.9 * 9 / 16);
// } // }
} }
:deep( :deep(.notInSharing.verticalFullScreen
.notInSharing.verticalFullScreen div[id*="suspension-view-tabpanel"]
div[id*="suspension-view-tabpanel"] > .zmwebsdk-MuiBox-root.zmwebsdk-MuiBox-root
> .zmwebsdk-MuiBox-root.zmwebsdk-MuiBox-root > div) {
> div
) {
width: 88vh; width: 88vh;
} }
// 竖屏全屏
#meeting-container.verticalFullScreen { #meeting-container.verticalFullScreen {
$meetingComponentWitdh: 88vh; $meetingComponentWitdh: 88vh;
$meetingComponentHeight: $meetingComponentWitdh * 9 / 16; $meetingComponentHeight: $meetingComponentWitdh * 9 / 16;
@ -1487,39 +1417,42 @@ $meetingBackgroundHeight: 80vw * 9 / 16;
} }
#video-element { #video-element {
width: $meetingComponentWitdh; width: $meetingComponentWitdh;
:deep( :deep(div[id*="suspension-view-tabpanel"]
div[id*="suspension-view-tabpanel"] > .zmwebsdk-MuiBox-root.zmwebsdk-MuiBox-root
> .zmwebsdk-MuiBox-root.zmwebsdk-MuiBox-root > div[class*="inSharing"]
> div[class*="inSharing"] + div) {
+ div
) {
width: $meetingComponentWitdh * 0.15; width: $meetingComponentWitdh * 0.15;
height: $meetingComponentWitdh * 0.15 * 9 / 14.5; height: $meetingComponentWitdh * 0.15 * 9 / 14.5;
} }
:deep( &.layout-template-1,
div[id*="suspension-view-tabpanel"] &.layout-template-2 {
:deep(div[id*="suspension-view-tabpanel"]
> .zmwebsdk-MuiBox-root.zmwebsdk-MuiBox-root > .zmwebsdk-MuiBox-root.zmwebsdk-MuiBox-root
> div[class*="inSharing"] > div[class*="inSharing"]
> div + div) {
) { width: $meetingComponentWitdh * 0.5;
height: $meetingComponentWitdh * 0.5 * 9 / 14.5;
}
}
:deep(div[id*="suspension-view-tabpanel"]
> .zmwebsdk-MuiBox-root.zmwebsdk-MuiBox-root
> div[class*="inSharing"]
> div) {
padding-top: initial; padding-top: initial;
} }
} }
:deep( :deep(#video-element
#video-element > div
> div > .zmwebsdk-MuiPaper-root
> .zmwebsdk-MuiPaper-root > .zmwebsdk-MuiPaper-root:nth-child(1)) {
> .zmwebsdk-MuiPaper-root:nth-child(1)
) {
// width: calc(100vh * 0.9) !important; // width: calc(100vh * 0.9) !important;
width: $meetingComponentWitdh; width: $meetingComponentWitdh;
} }
:deep( :deep(#video-element
#video-element > div
> div > .zmwebsdk-MuiPaper-root
> .zmwebsdk-MuiPaper-root > .zmwebsdk-MuiPaper-root:nth-child(2)) {
> .zmwebsdk-MuiPaper-root:nth-child(2)
) {
display: none; display: none;
} }
// :deep(div[id*="suspension-view-tabpanel"] // :deep(div[id*="suspension-view-tabpanel"]