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

changed cancel current button placement and style

Browse Source
This commit is contained in:
Abdallah Soliman 2016-08-26 22:54:03 -05:00
parent 7f1caff2e8
commit 9fe78243f6
2 changed files with 21 additions and 23 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

28
static/css/style.css
View File

@ -1,5 +1,6 @@
.mdl-layout__header-row { .mdl-layout__header-row {
color: #fff; color: #fff;
margin: 0 72px;
} }
.mdl-button { .mdl-button {
color: #fff !important; color: #fff !important;
@ -177,20 +178,17 @@ main {
width: 80px;; width: 80px;;
margin-bottom: 10px; margin-bottom: 10px;
} }
.cancel-cell { .cancel-current:hover {
/*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; cursor: pointer;
} }
.cancel-current {
border: 2px solid white;
padding: 5px;
border-radius: 5px;
}
.cancel-current img {
margin-right: 5px;
}
.cancel-current .game-title {
color: #fff;
}

2
static/js/index.js
View File

@ -334,7 +334,7 @@ function showApps() {
}); });
}); });
$("#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"}))); $(".mdl-layout__header-row").append($("<div>", {html:$("<img src=static\\res\\ic_remove_circle_white_24px.svg id=quitCurrentApp\>"), class: 'cancel-current'}).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) {