fullscreen is now actually full screen.

This commit is contained in:
Aidan Campbell 2016-02-16 16:47:41 -05:00
parent 9ee00e7db0
commit d50bd666e8
3 changed files with 14 additions and 10 deletions

View File

@ -22,7 +22,7 @@
</ul> </ul>
</div> </div>
</header> </header>
<main class="mdl-layout__content"> <main id="main-content" class="mdl-layout__content">
<div class="log-holder"> <div class="log-holder">
<code id="logField">log</code></div> <code id="logField">log</code></div>
<div id="streamSettings" style="display:none"></div> <div id="streamSettings" style="display:none"></div>

View File

@ -43,9 +43,10 @@ main {
border: 1px solid; border: 1px solid;
} }
.fullscreen { .fullscreen {
height: 100vh; height: 100vh !important;
overflow: none; overflow: none !important;
margin: 0; margin: 0 !important;
padding: 0; padding: 0 !important;
width 100%; width 100%;
border: none !important;
} }

View File

@ -18,7 +18,7 @@ function hideAllWorkflowDivs() {
document.getElementById('streamSettings').style.display = 'inline-block'; document.getElementById('streamSettings').style.display = 'inline-block';
document.getElementById('hostSettings').style.display = 'inline-block'; document.getElementById('hostSettings').style.display = 'inline-block';
document.getElementById('gameSelection').style.display = 'none'; document.getElementById('gameSelection').style.display = 'none';
common.hideModule(); // do NOT hide the nacl module. you can't interact with it then // common.hideModule(); // do NOT hide the nacl module. you can't interact with it then
} }
// pair button was pushed. pass what the user entered into the GFEHostIPField. // pair button was pushed. pass what the user entered into the GFEHostIPField.
@ -45,7 +45,7 @@ function showAppsMode() {
document.getElementById('streamSettings').style.display = 'none'; document.getElementById('streamSettings').style.display = 'none';
document.getElementById('hostSettings').style.display = 'none' document.getElementById('hostSettings').style.display = 'none'
document.getElementById('gameSelection').style.display = 'inline-block' document.getElementById('gameSelection').style.display = 'inline-block'
common.hideModule(); // do NOT hide the nacl module. you can't interact with it then // common.hideModule(); // do NOT hide the nacl module. you can't interact with it then
} }
// user wants to start a stream. We need the host, game ID, and video settings(?) // user wants to start a stream. We need the host, game ID, and video settings(?)
@ -58,15 +58,18 @@ function startPushed() {
} }
var gameIDDropdown = document.getElementById("selectGame"); var gameIDDropdown = document.getElementById("selectGame");
var gameID = gameIDDropdown[gameIDDropdown.selectedIndex].value; var gameID = gameIDDropdown[gameIDDropdown.selectedIndex].value;
console.log(common.naclModule);
common.naclModule.postMessage('setGFEHostIPField:' + target + ":" + gameID); common.naclModule.postMessage('setGFEHostIPField:' + target + ":" + gameID);
// we just finished the gameSelection section. only expose the NaCl section // we just finished the gameSelection section. only expose the NaCl section
playGameMode(); playGameMode();
} }
function playGameMode() { function playGameMode() {
$("body").children().not("#listener").hide(); $(".mdl-layout__header").hide();
$("body").addClass("fullscreen") $("#main-content").children().not("#listener").hide();
$("#main-content").addClass("fullscreen");
$("#listener").addClass("fullscreen");
console.log("abdallah is fucking awesome");
} }
// user pushed the stop button. we should stop. // user pushed the stop button. we should stop.