kangaroo-and-rabbit/karideo
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

[DEV] correct video display

Browse Source
This commit is contained in:
Edouard DUPIN 2020-11-14 00:22:28 +01:00
parent 3930844495
commit 995de7c707
2 changed files with 10 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
front/src/app/scene/video/video.html
View File

@ -80,7 +80,7 @@
<button (click)="onRewind()"><i class="material-icons">fast_rewind</i></button>
<button (click)="onForward()"><i class="material-icons">fast_forward</i></button>
<!--<button (click)="onNext()"><i class="material-icons">navigate_next</i></button>-->
<button (click)="onMore()" ><i class="material-icons">more_vert</i></button>
<!--<button (click)="onMore()" ><i class="material-icons">more_vert</i></button>-->
<button (click)="onFullscreen()" *ngIf="!isFullScreen"><i class="material-icons">fullscreen</i></button>
<button (click)="onFullscreenExit()" *ngIf="isFullScreen"><i class="material-icons">fullscreen_exit</i></button>
<button (click)="onVolumeMenu()" ><i class="material-icons">volume_up</i></button>
@ -90,7 +90,7 @@
<button class="bigForward" (click)="onForward()"><i *ngIf="!isPlaying" class="material-icons">fast_forward</i></button>
</div>
<div class="video-button">
<div class="video-button" *ngIf="!isFullScreen">
<button (click)="onRequireStop()">
<i class="material-icons big-button">highlight_off</i>
</button>

16
front/src/app/scene/video/video.less
View File

@ -66,7 +66,7 @@
};
}
.video {
position: fixed;
position: absolute;
top:0px;
left:0px;
width: 100%;
@ -77,16 +77,16 @@
.video-elem {
position:absolute;
width: 100%;
height: calc(100% - 56px);
top: 56px;
height: 100%;
top: 0;
//right: 50%;
//-ms-transform: translate(-50%, -50%);
//transform: translate(-50%, -50%);
};
.video-button {
position: absolute;
top: 100px;
right:100px;
top: 20px;
right:20px;
//-ms-transform: translate(-50%, 0);
//transform: translate(-50%, 0);
button {
@ -224,8 +224,8 @@
.timer-text {
position: absolute;
top: 25px;
left: 50%;
width:300px;
left: 0px;
width: 100%;
line-height: 38px;
font-size: 30px;
font-weight:bold;
@ -361,7 +361,7 @@
}
.big-button {
font-size:150px;
font-size:100px;
}
.item {