Merge pull request #375 from boombuler/dialog_style
new style for dialogs + tooltips
This commit is contained in:
commit
48c9ebd7b3
@ -204,9 +204,9 @@ window.plugin.playerTracker.drawData = function() {
|
|||||||
var evtsLength = playerData.events.length;
|
var evtsLength = playerData.events.length;
|
||||||
var last = playerData.events[evtsLength-1];
|
var last = playerData.events[evtsLength-1];
|
||||||
var ago = plugin.playerTracker.ago;
|
var ago = plugin.playerTracker.ago;
|
||||||
var color = playerData.team === 'ALIENS' ? '#029C02' : '#00789C';
|
var cssClass = playerData.team === 'ALIENS' ? 'enl' : 'res';
|
||||||
var title =
|
var title =
|
||||||
'<span style="font-weight:bold; color:'+color+'">' + playerData.nick + '</span>\n'
|
'<span class="nickname '+ cssClass+'" style="font-weight:bold;">' + playerData.nick + '</span>\n'
|
||||||
+ ago(last.time, now) + ' minutes ago\n'
|
+ ago(last.time, now) + ' minutes ago\n'
|
||||||
+ last.name;
|
+ last.name;
|
||||||
// show previous data in tooltip
|
// show previous data in tooltip
|
||||||
|
25
style.css
25
style.css
@ -679,15 +679,18 @@ aside {
|
|||||||
max-width: 300px;
|
max-width: 300px;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
z-index: 9999;
|
z-index: 9999;
|
||||||
background-color: #fff;
|
background-color: rgba(8, 48, 78, 0.9);
|
||||||
border: 1px solid #ccc;
|
border: 1px solid #20A8B1;
|
||||||
color: #222;
|
color: #eee;
|
||||||
font: 13px/15px "Helvetica Neue", Arial, Helvetica, sans-serif;
|
font: 13px/15px "Helvetica Neue", Arial, Helvetica, sans-serif;
|
||||||
padding: 2px 4px;
|
padding: 2px 4px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.ui-tooltip, .ui-dialog a {
|
||||||
|
color: #FFCE00;
|
||||||
|
}
|
||||||
|
|
||||||
.ui-dialog {
|
.ui-dialog {
|
||||||
border: 1px solid #0F0F0F;
|
|
||||||
padding: 0;
|
padding: 0;
|
||||||
border-radius: 2px;
|
border-radius: 2px;
|
||||||
}
|
}
|
||||||
@ -715,14 +718,9 @@ aside {
|
|||||||
max-width: 700px !important;
|
max-width: 700px !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
.ui-dialog a {
|
|
||||||
color: #0000ca;
|
|
||||||
}
|
|
||||||
|
|
||||||
.ui-dialog-buttonpane {
|
.ui-dialog-buttonpane {
|
||||||
background: #F2F2F2;
|
|
||||||
padding: 12px;
|
padding: 12px;
|
||||||
border-top: 1px solid #E6E6E6;
|
border-top: 1px solid #20A8B1;
|
||||||
}
|
}
|
||||||
|
|
||||||
.ui-dialog-buttonset {
|
.ui-dialog-buttonset {
|
||||||
@ -732,6 +730,13 @@ aside {
|
|||||||
.ui-dialog-buttonset button {
|
.ui-dialog-buttonset button {
|
||||||
padding: 2px;
|
padding: 2px;
|
||||||
min-width: 80px;
|
min-width: 80px;
|
||||||
|
color: #FFCE00;
|
||||||
|
border: 1px solid #FFCE00;
|
||||||
|
background-color: rgba(8, 48, 78, 0.9);
|
||||||
|
}
|
||||||
|
|
||||||
|
.ui-dialog-buttonset button:hover {
|
||||||
|
text-decoration: underline;
|
||||||
}
|
}
|
||||||
|
|
||||||
td {
|
td {
|
||||||
|
Loading…
x
Reference in New Issue
Block a user