GUACAMOLE-1873: Merge fix for automatic hide behavior of recording player control bar.

This commit is contained in:
Mike Jumper
2023-10-24 16:51:09 -07:00
committed by GitHub
3 changed files with 10 additions and 11 deletions

View File

@@ -3,7 +3,11 @@
ng-click="togglePlayback()"></guac-player-display>
<!-- Player controls -->
<div class="guac-player-controls" ng-show="recording">
<div class="guac-player-controls" ng-show="recording"
ng-class="{
'paused' : !recording.isPlaying(),
'playing' : recording.isPlaying()
}">
<!-- Playback position slider -->
<input class="guac-player-seek" type="range" min="0" step="1"

View File

@@ -96,7 +96,7 @@
background: rgba(0, 0, 0, 0.5);
}
.settings.connectionHistoryPlayer.playing .guac-player-controls {
.settings.connectionHistoryPlayer .guac-player-controls.playing {
opacity: 0;
-webkit-transition: opacity 0.25s linear 0.25s;
-moz-transition: opacity 0.25s linear 0.25s;
@@ -104,8 +104,8 @@
transition: opacity 0.25s linear 0.25s;
}
.settings.connectionHistoryPlayer.paused .guac-player-controls,
.settings.connectionHistoryPlayer.playing:hover .guac-player-controls {
.settings.connectionHistoryPlayer .guac-player-controls.paused,
.settings.connectionHistoryPlayer .guac-player-controls.playing:hover {
opacity: 1;
-webkit-transition-delay: 0s;
-moz-transition-delay: 0s;

View File

@@ -1,11 +1,6 @@
<guac-viewport class="settings view connectionHistoryPlayer"
ng-class="{
'no-recording' : !selectedRecording,
'paused' : !playing,
'playing' : playing
}">
<guac-viewport class="settings view connectionHistoryPlayer">
<!-- Player for selected recording -->
<guac-player src="tunnel"></guac-player>
</guac-viewport>
</guac-viewport>