moonlight-stream/moonlight-chrome
1
0
Fork 0
mirror of https://github.com/moonlight-stream/moonlight-chrome.git synced 2025-08-18 00:56:38 +00:00
Code Issues Packages Projects Releases Wiki Activity

Centered stream

Browse Source 
set background to black on stream screen
- this closes #3 and #4
This commit is contained in:
Aidan Campbell 2016-02-16 20:59:20 -05:00
parent 033088e120
commit 76f7a07d0b
2 changed files with 9 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
static/css/style.css
View File

@ -45,7 +45,7 @@ main {
.fullscreen { .fullscreen {
height: 100vh !important; height: 100vh !important;
overflow: none !important; overflow: none !important;
margin: 0 !important; margin: auto !important;
padding: 0 !important; padding: 0 !important;
width 100%; width 100%;
border: none !important; border: none !important;

13
static/js/index.js
View File

@ -44,8 +44,9 @@ function showAppsPushed() {
function showAppsMode() { 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';
document.body.style.backgroundColor = "black";
// 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
} }
@ -70,6 +71,7 @@ function playGameMode() {
$("#main-content").addClass("fullscreen"); $("#main-content").addClass("fullscreen");
$("#listener").addClass("fullscreen"); $("#listener").addClass("fullscreen");
fullscreenNaclModule(); fullscreenNaclModule();
document.body.style.backgroundColor = "black";
} }
function fullscreenNaclModule() { function fullscreenNaclModule() {
@ -83,9 +85,10 @@ function fullscreenNaclModule() {
var zoom = Math.min(xRatio, yRatio); var zoom = Math.min(xRatio, yRatio);
var body = document.getElementById("nacl_module"); var module = document.getElementById("nacl_module");
body.width=zoom * streamWidth; module.width=zoom * streamWidth;
body.height=zoom * streamHeight; module.height=zoom * streamHeight;
module.style.paddingTop = ((screenHeight - module.height) / 2) + "px";
} }
// user pushed the stop button. we should stop. // user pushed the stop button. we should stop.