Add another container around the player to move back toward multi-player support.

This commit is contained in:
Ian Gulliver
2015-11-21 10:45:15 -08:00
parent cb5b3c9cbf
commit 972da0ab50
2 changed files with 13 additions and 7 deletions

View File

@@ -277,7 +277,7 @@
font-family: "source-code-pro";
}
.clicks-player-container {
.clicks-players-container {
position: absolute;
-webkit-user-select: none;
-moz-user-select: none;
@@ -286,14 +286,18 @@
left: 0;
right: 0;
bottom: 0;
# TODO(flamingcow): How do we center this?
# display: flex;
# align-items: center;
# justify-content: center;
overflow: scroll;
background-color: black;
}
.clicks-player-container {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
overflow: scroll;
}
.clicks-player-crop {
}

View File

@@ -374,8 +374,10 @@ Clicks.prototype.buildUI_ = function() {
}
}
this.playersContainer_ = this.createElementAndAppend_(
'clicks-players-container', this.container_);
var playerContainer = this.createElementAndAppend_(
'clicks-player-container', this.container_);
'clicks-player-container', this.playersContainer_);
this.playerCrop_ = this.createElementAndAppend_(
'clicks-player-crop', playerContainer);
this.playerScale_ = this.createElementAndAppend_(