diff --git a/public_html/images/close-settings.png b/public_html/images/close-settings.png new file mode 100644 index 0000000..6c65377 Binary files /dev/null and b/public_html/images/close-settings.png differ diff --git a/public_html/images/close-settings@2x.png b/public_html/images/close-settings@2x.png new file mode 100644 index 0000000..1f45474 Binary files /dev/null and b/public_html/images/close-settings@2x.png differ diff --git a/public_html/images/close-settings@3x.png b/public_html/images/close-settings@3x.png new file mode 100644 index 0000000..b71c832 Binary files /dev/null and b/public_html/images/close-settings@3x.png differ diff --git a/public_html/index.html b/public_html/index.html index f882ab9..3d3bfba 100644 --- a/public_html/index.html +++ b/public_html/index.html @@ -200,15 +200,18 @@
+
-
Overlay Toggles
+
+
Overlay Toggles
+
NEXRAD Weather
-
Site Position & Range Rings
+
Site Position and Range Rings
@@ -220,14 +223,16 @@
-
View Toggles
+
+
View Toggles
+
-
Blocked MLAT Flights
+
Show Anonymous MLAT Tracks
-
Ground Vehicles
+
Show Ground Vehicles and Other Non-Aircraft Positions
diff --git a/public_html/script.js b/public_html/script.js index 524adf6..c7e1d2c 100644 --- a/public_html/script.js +++ b/public_html/script.js @@ -240,6 +240,10 @@ function initialize() { $('#settings_infoblock').toggle(); }); + $('#settings_close').on('click', function() { + $('#settings_infoblock').hide(); + }); + $('#groundvehicle_filter').on('click', function() { filterGroundVehicles(true); refreshSelected(); diff --git a/public_html/style.css b/public_html/style.css index 8a14959..4591baf 100644 --- a/public_html/style.css +++ b/public_html/style.css @@ -569,10 +569,10 @@ select.error, textarea.error, input.error { #settings_infoblock { position: absolute; - right: 40px; + right: 1px; top: 60px; - width: 390px; - min-height: 80px; + width: 398px; + min-height: 180px; background: #ffffff; box-shadow: 4px 4px 10px #444444; padding: 20px; @@ -582,10 +582,11 @@ select.error, textarea.error, input.error { .settingsColumn { display: table-cell; + width: 199px; } - .settingsOptionContainer { display: table; + padding-bottom: 10px; } .settingsCheckbox { @@ -602,6 +603,16 @@ select.error, textarea.error, input.error { background-image: url('images/box-checked.png') !important; } +.settingsCloseBox { + position: absolute; + right: 8px; + top: 8px; + background-image: url('images/close-settings.png'); + width: 20px; + height: 20px; + cursor: pointer; +} + .settingsText { line-height: 20px; display: table-cell; @@ -632,6 +643,9 @@ select.error, textarea.error, input.error { /* Retina 2x images */ @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { + .settingsCloseBox { + background-image: url('images/close-settings@2x.png'); + } .settingsCheckboxChecked { background-image: url('images/box-checked@2x.png') !important; } @@ -660,6 +674,9 @@ select.error, textarea.error, input.error { /* Retina 3x images */ @media (-webkit-min-device-pixel-ratio: 3), (min-resolution: 192dpi) { + .settingsCloseBox { + background-image: url('images/close-settings@3x.png'); + } .settingsCheckboxChecked { background-image: url('images/box-checked@3x.png') !important; }