Tweak server list style

This commit is contained in:
ShadowNinja 2015-01-10 12:18:05 -05:00
parent 2a5242eb68
commit bbd3c127f1
3 changed files with 24 additions and 8 deletions

View File

@ -74,7 +74,7 @@ function hoverString(name, string) {
} }
function draw(json) { function draw(json) {
html = window.render.servers(json); var html = window.render.servers(json);
jQuery(master.output).html(html); jQuery(master.output).html(html);
} }

View File

@ -5,7 +5,7 @@
</div> </div>
{{?}} {{?}}
<table> <table>
<tr> <thead><tr>
{{? !master.no_address}}<th>Address[:Port]</th>{{?}} {{? !master.no_address}}<th>Address[:Port]</th>{{?}}
{{? !master.no_clients}}<th>Players / Max{{? !master.no_avgtop}}<br/>Average / Top{{?}}</th>{{?}} {{? !master.no_clients}}<th>Players / Max{{? !master.no_avgtop}}<br/>Average / Top{{?}}</th>{{?}}
{{? !master.no_version}}<th>Version, Subgame, Mapgenerator</th>{{?}} {{? !master.no_version}}<th>Version, Subgame, Mapgenerator</th>{{?}}
@ -14,7 +14,8 @@
{{? !master.no_flags}}<th>Flags</th>{{?}} {{? !master.no_flags}}<th>Flags</th>{{?}}
{{? !master.no_uptime}}<th>Uptime, Age</th>{{?}} {{? !master.no_uptime}}<th>Uptime, Age</th>{{?}}
{{? !master.no_ping}}<th>Ping, Lag</th>{{?}} {{? !master.no_ping}}<th>Ping, Lag</th>{{?}}
</tr> </tr></thead>
<tbody>
{{~it.list :server:index}} {{~it.list :server:index}}
{{ if (master.limit && index + 1 > master.limit) break;}} {{ if (master.limit && index + 1 > master.limit) break;}}
{{ if (master.min_clients && server.clients < master.min_clients) continue;}} {{ if (master.min_clients && server.clients < master.min_clients) continue;}}
@ -68,6 +69,7 @@
</td>{{?}} </td>{{?}}
</tr> </tr>
{{~}} {{~}}
</tbody>
</table> </table>
{{? master.min_clients || master.limit}} {{? master.min_clients || master.limit}}
<a class="clickable" onclick="delete master.min_clients; delete master.limit; get();">More...</a> <a class="clickable" onclick="delete master.min_clients; delete master.limit; get();">More...</a>

View File

@ -1,3 +1,7 @@
#server_list .total {
font-weight: bold;
}
#server_list table { #server_list table {
max-width: 100%; max-width: 100%;
width: 100%; width: 100%;
@ -11,16 +15,25 @@
border: 1px solid gray; border: 1px solid gray;
} }
tr:hover { #server_list thead {
background-color: #f0f0f0; background-color: #FFA;
}
#server_list tbody tr:nth-child(even) {
background-color: #EEE;
}
#server_list tbody tr:hover {
background-color: #CCC;
} }
.mts_hover_list { .mts_hover_list {
display: none; display: none;
border: gray solid 1px; border: 1px solid #88F;
border-radius: 4px;
background-color: white;
position: absolute; position: absolute;
z-index: 100; z-index: 100;
background-color: white;
padding: 0.5em; padding: 0.5em;
} }
@ -37,3 +50,4 @@ td:hover .mts_hover_list {
text-decoration: underline; text-decoration: underline;
cursor: pointer; cursor: pointer;
} }