From 773668f510ec6a04a0750380d53f4602e6f2e531 Mon Sep 17 00:00:00 2001 From: James Wilson Date: Mon, 30 Jan 2017 14:23:23 -0600 Subject: [PATCH] Change style of settings box and add close icon --- public_html/images/close-settings.png | Bin 0 -> 482 bytes public_html/images/close-settings@2x.png | Bin 0 -> 874 bytes public_html/images/close-settings@3x.png | Bin 0 -> 1260 bytes public_html/index.html | 15 +++++++++----- public_html/script.js | 4 ++++ public_html/style.css | 25 +++++++++++++++++++---- 6 files changed, 35 insertions(+), 9 deletions(-) create mode 100644 public_html/images/close-settings.png create mode 100644 public_html/images/close-settings@2x.png create mode 100644 public_html/images/close-settings@3x.png diff --git a/public_html/images/close-settings.png b/public_html/images/close-settings.png new file mode 100644 index 0000000000000000000000000000000000000000..6c65377c58ef88ab436f9be4adfa65ca4ec70568 GIT binary patch literal 482 zcmV<80UiE{P)l+AI%KnzA7P6Ix2bO)jXOa(Co>Clx@3 z0w5LOR1lj}Zjf6z#ku814i>Qf4T)wvp7pMtrEev5XfiP#-~*oZH3MSORnp|vX#hn) zpa9$1)8_z$q^nIkP|OHeC}dvefS4XI0Y<=5!C763BgC8#6LE`)@e%WhnAfJw6Jn

xO<~39x$UT?;Ll@O??bo-~$+P+*KdW>5 Y0lo{QjrJF1^#A|>07*qoM6N<$f;ET8Qvd(} literal 0 HcmV?d00001 diff --git a/public_html/images/close-settings@2x.png b/public_html/images/close-settings@2x.png new file mode 100644 index 0000000000000000000000000000000000000000..1f45474bebb8a6d85869bc57526766bc666bc3b3 GIT binary patch literal 874 zcmV-w1C{)VP)*i482U2axFe(dh`bLXrQ%5K?P0C2fkp z2~~j39k2?(%*2TeAX5PIn^lTDl$SgyPIUw@BCrre{s)hc>*at^;8WoE7zIAAmjhqo zO0T5MX_H?5)kTUtp#TGbIf6J+o3(zh>l#S|oA`q?SOItz{>L@9xjCo`EQrSxZMFbQ z@@JJKEI%%rX01Q!-y%~jM*t}~vW@d^m}O-1o|$;pg{}*nbY5}25UB{697KfT-iIr_XmSqzC6}E z+Lj=GuyP160VkYr+@rhTO{8y?s5NjywLO`2qHc=M;e<(Edw~^sVw4B&$NtIAxtt0BhGdvbsLIU%rYw zlK?+jrlvloXZ`!~4A}u!wxZ zV?E!Rv}*=cr=o>)Yc*>d4V(@e%eO-O;_yI@TxxtuTp-HtZoAwlIED`Vrnsr>D&j!v zt|`i~@|#){(+;2&nePCLOKWGKT%}4kW#1(J9}W#*6_6x*sQ>@~07*qoM6N<$f?4p5 A(EtDd literal 0 HcmV?d00001 diff --git a/public_html/images/close-settings@3x.png b/public_html/images/close-settings@3x.png new file mode 100644 index 0000000000000000000000000000000000000000..b71c832bb1ccea2e4e4c76ed29eb1c28d7bcda23 GIT binary patch literal 1260 zcmV}{gKoH0OQc|RgN|&TdC)}kobm=U*q~HZkVEY6- zp8z<4?58FjxJqe!0!zMtmC~JjgA_Xo%V_nnVpo=@wQ1QZ$c374z znNkXyB1}6}#DXnpH#;6wK;E;UkrChxx)gspquAiFAUCdqby`5C047KK;c@=EVF9Za z)~$K$hC#*vPTvd?0KNN^){;vO4}DO7%6+1diF5>;0T?sb5v^InbcHX3y@V{f)+00H zxhi%zB@ymXa`=oOWAssk&)&23p7KnfGF@H_%zF#D_t`lsE0@(86)n~ML7qyY3EqSF z(+$h>W4ZPF$iBWTlv>Rymkdd?vat9|(omDCYfiy4x5foE1I%=VHsw@u-QeLNJ#bkS z@mfNLwDAiT7^@=jHH*R{m5*K=6a~#RB>VEr7_4~CtcAa>sGun@xl*K+?fbUjqpw(x zc|2?pl546?dkOa{>6QsfKk}`;cJo_PIv?8ZNd~u+JSp0zkqwYP+-Gu!9aDwU1Iv!m6aRKG#Jz za-sS8I|QvR&}YWGp1pkLpt9+lS%%De+^hrGgVReFz-vjMumL%ygR5}|urkXl*XV#w z4QxTiR=OVb$%hQOa~0Ll$SS0*7O$Eib*Z*Zjrgf<#bXcljGdOGuA*ZJI>mzy`b< za~1vDfQG%@HO(er#oA^6yxW6{>2caBk()aiFa^sG`F6ZuxIJ*@VneQiTpBIV%VC!d zH+{qc(XFa7TCo=_G?TK)rkTSwy|1)j>sb{+#i7!gX|>K*Z>2ugT!FraO%>Kw<(slL z*YY8sqe!&RIGjv<>D{NH$`nrSeHG@t-i_k*~T0ZvwhEUy)&;LD<0NC03qt8FZ WazWbVBvdT`0000

+
-
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; }