Cutlery/Kyoo
1
0
Fork 0
mirror of https://github.com/zoriya/Kyoo.git synced 2025-07-09 03:04:20 -04:00
Code Issues Packages Projects Releases Wiki Activity

Adding a close button in the stat menu.

Browse Source
This commit is contained in:
Zoe Roux 2019-12-06 21:57:41 +01:00
parent 0acf437377
commit 77b72f1c34
2 changed files with 11 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
Kyoo/ClientApp/src/app/player/player.component.html
View File

@ -17,8 +17,12 @@
</div> </div>
<mat-card class="d-none w-25 m-5" [ngClass]="{'d-block': this.displayStats}"> <mat-card class="d-none w-25 m-5" [ngClass]="{'d-block': this.displayStats}">
<mat-card-header> <mat-card-header style="margin-bottom: 0.5rem;">
<mat-card-title>Stats</mat-card-title> <h4 style="align-self: center; margin-bottom: 0;">Stats</h4>
<div style="flex: 1 1 auto"></div>
<button mat-icon-button aria-label="Close" (click)="this.displayStats = false" style="outline: none;">
<mat-icon>close</mat-icon>
</button>
</mat-card-header> </mat-card-header>
<mat-card-content> <mat-card-content>
Play method: <span style="float: right">{{this.playMethod}}</span> Play method: <span style="float: right">{{this.playMethod}}</span>

5
Kyoo/ClientApp/src/styles.scss
View File

@ -46,6 +46,11 @@ $theme: mat-dark-theme($primary, $accent);
background-color: rgba(255, 255, 255, .3) !important; background-color: rgba(255, 255, 255, .3) !important;
} }
.mat-card-header-text
{
margin: 0 5px !important;
}
//Material Icons //Material Icons
@font-face { @font-face {
font-family: 'Material Icons'; font-family: 'Material Icons';