Homepage|Master Server: Use a padlock icon for a closed server

skyjake · Feb 29, 2012 · e6e5ba3 · e6e5ba3
1 parent 300da8f
commit e6e5ba3
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 3 deletions.
diff --git a/web/plugins/masterbrowser/masterbrowser.php b/web/plugins/masterbrowser/masterbrowser.php
@@ -96,8 +96,8 @@ private function generateServerBadgeHtml(&$info)
                 '</div>'.
                 '<span class="name">'. htmlspecialchars($info['name']) .'</span>'.
                 '<div class="server-metadata">'.
-                     '<span class="open"><label title="'. htmlspecialchars($openStatusLabel) .'">'. htmlspecialchars($info['open']? 'Open' : 'Closed') .'</label></span>'.
                      '<span class="address"><label title="'. htmlspecialchars($addressLabel) .'">'. htmlspecialchars($info['at']) .'<span class="port">'. htmlspecialchars($info['port']) .'</span></label></span>'.
+                     '<label title="'. htmlspecialchars($openStatusLabel) .'"><div class="'. ($info['open']? 'lock-off' : 'lock-on') .'"></div></label>'.
                 '</div>'.
                 '<div class="game-metadata">'.
                     'Setup: <span class="game-setup">'. htmlspecialchars($setupStr) .'</span>'.

diff --git a/web/style.css b/web/style.css
@@ -994,8 +994,18 @@ span.port {
     float: right;
 }
 
-.server_badge .address {
-    padding-left: .8em;
+div.lock-on, div.lock-off {
+    background-image: url("/images/lock.png");
+    background-size: 24px 12px;
+    display: inline-block;
+    width: 12px;
+    height: 12px;
+    position: relative;
+    top: 2px;
+}
+
+div.lock-on {
+    background-position-x: 12px;
 }
 
 /*------------------ Screens Page ------------------*/