diff --git a/openvidu-components-angular/e2e/webcomponent.test.ts b/openvidu-components-angular/e2e/webcomponent.test.ts index 164caf9e..343b4f77 100644 --- a/openvidu-components-angular/e2e/webcomponent.test.ts +++ b/openvidu-components-angular/e2e/webcomponent.test.ts @@ -39,7 +39,7 @@ describe('Testing API Directives', () => { expect(await element.isDisplayed()).to.be.true; // Checking if stream component is present - element = await browser.wait(until.elementLocated(By.css('.OT_widget-container')), TIMEOUT); + element = await browser.wait(until.elementLocated(By.css('.OV_stream')), TIMEOUT); expect(await element.isDisplayed()).to.be.true; // Checking if audio detection is not displayed @@ -323,7 +323,7 @@ describe('Testing API Directives', () => { expect(await element.isDisplayed()).to.be.true; // Checking if stream component is present - element = await browser.wait(until.elementLocated(By.className('OT_widget-container')), TIMEOUT); + element = await browser.wait(until.elementLocated(By.className('OV_stream')), TIMEOUT); expect(await element.isDisplayed()).to.be.true; // Checking if nickname is not displayed @@ -338,7 +338,7 @@ describe('Testing API Directives', () => { expect(await element.isDisplayed()).to.be.true; // Checking if stream component is present - element = await browser.wait(until.elementLocated(By.className('OT_widget-container')), TIMEOUT); + element = await browser.wait(until.elementLocated(By.className('OV_stream')), TIMEOUT); expect(await element.isDisplayed()).to.be.true; // Checking if audio detection is not displayed @@ -353,7 +353,7 @@ describe('Testing API Directives', () => { expect(await element.isDisplayed()).to.be.true; // Checking if stream component is present - element = await browser.wait(until.elementLocated(By.className('OT_widget-container')), TIMEOUT); + element = await browser.wait(until.elementLocated(By.className('OV_stream')), TIMEOUT); expect(await element.isDisplayed()).to.be.true; // Checking if settings button is not displayed diff --git a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/session/session.component.css b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/session/session.component.css index 3f4927f9..30fc6b0b 100644 --- a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/session/session.component.css +++ b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/session/session.component.css @@ -21,6 +21,7 @@ background-color: var(--ov-primary-color); border-left: none; position: absolute; + z-index: 1; } .sidenav-main { diff --git a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/stream/stream.component.css b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/stream/stream.component.css index 794baf8a..43e9d3b8 100644 --- a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/stream/stream.component.css +++ b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/stream/stream.component.css @@ -106,10 +106,10 @@ } /* Contains the video element, used to fix video letter-boxing */ - .OT_widget-container { + .OV_stream { width: 100%; height: 100%; - position: absolute; + position: relative; overflow: hidden; background-color: #000000; border-radius: var(--ov-video-radius); diff --git a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/stream/stream.component.html b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/stream/stream.component.html index 7eab9393..215c847e 100644 --- a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/stream/stream.component.html +++ b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/stream/stream.component.html @@ -1,6 +1,6 @@