ambiser
/
openvidu
mirror of https://github.com/OpenVidu/openvidu.git
8
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

openvidu-testapp: Publish and Subscribe buttons centered

pull/154/head
pabloFuente 2018-10-09 18:55:31 +02:00
parent 4da3d0db52
commit 5e2d89a87a
2 changed files with 11 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
openvidu-testapp/src/app/components/openvidu-instance/openvidu-instance.component.css
View File

@ -32,6 +32,16 @@ mat-card.session-card {
margin-bottom: 0; margin-bottom: 0;
} }
.join-publish-div {
justify-content: space-around;
width: 100%;
display: inline-flex;
}
.join-publish-div > * {
align-self: center;
}
.inner-card { .inner-card {
border: 1px solid #e1e1e1; border: 1px solid #e1e1e1;
padding: 10px 3px 10px 10px; padding: 10px 3px 10px 10px;
@ -95,7 +105,6 @@ mat-radio-button {
margin-right: 0; margin-right: 0;
} }
.session-actions button:hover { .session-actions button:hover {
color: #4d4d4d; color: #4d4d4d;
} }

2
openvidu-testapp/src/app/components/openvidu-instance/openvidu-instance.component.html
View File

@ -31,7 +31,7 @@
</div> </div>
<div> <div class="join-publish-div">
<button class="join-btn" mat-button (click)="joinSession()" [disabled]="session">JOIN</button> <button class="join-btn" mat-button (click)="joinSession()" [disabled]="session">JOIN</button>
<mat-checkbox class="subscribe-checkbox" name="subscribeTo" (click)="toggleSubscribeTo()" [checked]="subscribeTo" [disabled]="session">Subscribe</mat-checkbox> <mat-checkbox class="subscribe-checkbox" name="subscribeTo" (click)="toggleSubscribeTo()" [checked]="subscribeTo" [disabled]="session">Subscribe</mat-checkbox>
<mat-checkbox class="publish-checkbox" name="publishTo" (click)="togglePublishTo()" [checked]="publishTo" [disabled]="session">Publish</mat-checkbox> <mat-checkbox class="publish-checkbox" name="publishTo" (click)="togglePublishTo()" [checked]="publishTo" [disabled]="session">Publish</mat-checkbox>