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

progress commit for prettier app cancel button

Browse Source
This commit is contained in:
R. Aidan Campbell 2016-08-26 20:48:20 -04:00
parent b2df44719c
commit 36367f69c3
3 changed files with 24 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

19
static/css/style.css
View File

@ -107,7 +107,7 @@ main {
margin-bottom: 10px; margin-bottom: 10px;
} }
#pairButton { #pairButton {
margin: 3px; margin: 3px;s
} }
#showAppsButton { #showAppsButton {
margin: 3px; margin: 3px;
@ -177,3 +177,20 @@ main {
width: 80px;; width: 80px;;
margin-bottom: 10px; margin-bottom: 10px;
} }
.cancel-cell {
/*display: inline-block;*/
background-color: #000;
box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.34);
}
.cancel-cell > img {
padding: 0;
margin: 0;
width: 100%;
height: 100%;
-webkit-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.34);
-moz-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.34);
box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.34);
}
.cancel-cell:hover > img {
cursor: pointer;
}

5
static/js/index.js
View File

@ -327,11 +327,10 @@ function showApps() {
console.log('Error! Failed to retrieve box art for app ID: ' + app.id + '. Returned value was: ' + failedPromise) console.log('Error! Failed to retrieve box art for app ID: ' + app.id + '. Returned value was: ' + failedPromise)
console.log('failed API object: '); console.log('failed API object: ');
console.log(api.toString()); console.log(api.toString());
}); });
}); });
$("#game-grid").append($("<div>", {html:$("<img src=icons\\icon48.png id=quitCurrentApp\>"), class: 'box-art mdl-cell mdl-cell--3-col'}).append($("<span>", {html: 'Quit Current App', class:"game-title"}))); $("#game-grid").append($("<div>", {html:$("<img src=static\\res\\ic_remove_circle_white_24px.svg id=quitCurrentApp\>"), class: 'cancel-cell mdl-cell mdl-cell--3-col'}).append($("<span>", {html: 'Quit Current App', class:"game-title"})));
$('#quitCurrentApp').on('click', function() {api.quitApp(); api.refreshServerInfo(); }); $('#quitCurrentApp').on('click', function() {api.quitApp(); api.refreshServerInfo(); });
}, function (failedAppList) { }, function (failedAppList) {

4
static/res/ic_remove_circle_white_24px.svg Normal file
View File

@ -0,0 +1,4 @@
<svg fill="#FFFFFF" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg">
<path d="M0 0h24v24H0z" fill="none"/>
<path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm5 11H7v-2h10v2z"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 246 B