PrivateCoffee/element-web
4
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions 3

Fix the picture-in-picture component being off screen (#9246)

Browse source
This commit is contained in:
Robin 2022-09-06 00:28:01 -04:00 committed by GitHub
parent 6d03cb35b7
commit 4524291331
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
4 changed files with 10 additions and 10 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
cypress/e2e/widgets/widget-pip-close.spec.ts
View file

@ -141,7 +141,7 @@ describe("Widget PIP", () => {
win.mxActiveWidgetStore.setWidgetPersistence(DEMO_WIDGET_ID, roomId, true); win.mxActiveWidgetStore.setWidgetPersistence(DEMO_WIDGET_ID, roomId, true);
// checks that pip window is opened // checks that pip window is opened
cy.get(".mx_CallView_pip").should("exist"); cy.get(".mx_LegacyCallView_pip").should("exist");
// checks that widget is opened in pip // checks that widget is opened in pip
cy.accessIframe(`iframe[title="${DEMO_WIDGET_NAME}"]`).within({}, () => { cy.accessIframe(`iframe[title="${DEMO_WIDGET_NAME}"]`).within({}, () => {
@ -158,7 +158,7 @@ describe("Widget PIP", () => {
} }
// checks that pip window is closed // checks that pip window is closed
cy.get(".mx_CallView_pip").should("not.exist"); cy.get(".mx_LegacyCallView_pip").should("not.exist");
}); });
}); });
}); });

4
res/css/views/right_panel/_TimelineCard.pcss
View file

@ -143,10 +143,10 @@ limitations under the License.
} }
} }
.mx_CallEvent_wrapper { .mx_LegacyCallEvent_wrapper {
justify-content: center; justify-content: center;
margin: auto 5px; margin: auto 5px;
.mx_CallEvent { .mx_LegacyCallEvent {
margin: 4px; margin: 4px;
} }
} }

4
res/css/views/rooms/_EventBubbleTile.pcss
View file

@ -154,7 +154,7 @@ limitations under the License.
} }
} }
.mx_CallEvent { .mx_LegacyCallEvent {
background-color: unset; background-color: unset;
border-style: solid; border-style: solid;
@ -533,7 +533,7 @@ limitations under the License.
max-width: 100%; max-width: 100%;
} }
.mx_CallEvent_wrapper { .mx_LegacyCallEvent_wrapper {
justify-content: center; justify-content: center;
} }
} }

8
src/components/views/voip/PipView.tsx
View file

@ -319,9 +319,9 @@ export default class PipView extends React.Component<IProps, IState> {
if (this.state.showWidgetInPip) { if (this.state.showWidgetInPip) {
const pipViewClasses = classNames({ const pipViewClasses = classNames({
mx_CallView: true, mx_LegacyCallView: true,
mx_CallView_pip: pipMode, mx_LegacyCallView_pip: pipMode,
mx_CallView_large: !pipMode, mx_LegacyCallView_large: !pipMode,
}); });
const roomId = this.state.persistentRoomId; const roomId = this.state.persistentRoomId;
const roomForWidget = MatrixClientPeg.get().getRoom(roomId); const roomForWidget = MatrixClientPeg.get().getRoom(roomId);
@ -348,7 +348,7 @@ export default class PipView extends React.Component<IProps, IState> {
if (!!pipContent) { if (!!pipContent) {
return <PictureInPictureDragger return <PictureInPictureDragger
className="mx_CallPreview" className="mx_LegacyCallPreview"
draggable={pipMode} draggable={pipMode}
onDoubleClick={this.onDoubleClick} onDoubleClick={this.onDoubleClick}
onMove={this.onMove} onMove={this.onMove}