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)="onRewind()"><i class="material-icons">fast_rewind</i></button>
<button (click)="onForward()"><i class="material-icons">fast_forward</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)="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)="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)="onFullscreenExit()" *ngIf="isFullScreen"><i class="material-icons">fullscreen_exit</i></button>
<button (click)="onVolumeMenu()" ><i class="material-icons">volume_up</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> <button class="bigForward" (click)="onForward()"><i *ngIf="!isPlaying" class="material-icons">fast_forward</i></button>
</div> </div>
<div class="video-button"> <div class="video-button" *ngIf="!isFullScreen">
<button (click)="onRequireStop()"> <button (click)="onRequireStop()">
<i class="material-icons big-button">highlight_off</i> <i class="material-icons big-button">highlight_off</i>
</button> </button>

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

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