|
203 | 203 | } |
204 | 204 |
|
205 | 205 |
|
206 | | - #more-menu-click |
| 206 | + |
| 207 | + .m-hldr |
| 208 | + {position:relative} |
| 209 | + |
| 210 | + .m-root, #more-menu-click |
207 | 211 | {display:flex;align-items:center;gap:10px;border:1px solid lightgray;border-radius:5px;padding:2px 10px;cursor:pointer} |
208 | | - #more-menu-icon |
| 212 | + |
| 213 | + .m-icon, #more-menu-icon |
209 | 214 | {width:15px;height:24px;border:1px solid gray;padding:2px;background:buttonface;box-sizing:border-box;cursor:pointer;border-radius:3px; |
210 | 215 | content:url(data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAMAAAC7IEhfAAAAt1BMVEVHcEwbmPYcgfMchvQbsfkay/wbtvkbnfccefMayfwbmfYch/QchvQbtfkbmfYa1P0ddfIcivQcl/Ycj/Ubp/gcmfYdbPEbrvkazPwcmfYbqfgayfwayPwbv/sbvvobsvkazPwbqvga0fwbvPobtvocjvUbofcbpvccfPMcgPMcgvMdafAdbfEckfUbtvka0PwcfPIaxvsbwfsbvPodb/EcnPYclvYckfUbpvccjPQdd/IbofcbrPiPy8D0AAAAMHRSTlMAA/79/v7+5ycVZ3Y3h0xhu9jp8kFeF9OkVfQOrZi+Mh1z/iUJQ+/dx4fOYq7hybzs5xU1AAABIklEQVQ4y+2Ux3aDMBBFpTR6M92AwYB7S6EG/v+7MsJJnBBKVsnGdwHozT1HQgxC6MrfEkiSM+Y4khSgUxhazLDHWGF4QveAO2gyLnGQ9QS4wcDaXGJYiPGegVnU50UzUvdgTsd7AfrMaEaqXvO+sfAAHP0uzz+SmhCfR7FwB5gdpm+SyoeHEJ5P67o2tbanmRBP5/iSgFkUxaplaisIv3kAu6yqihK/RiIF0ZJtT6NTaZpS9iWwm0D/uXB7kmXZ5LOgN0O7ayvEQ57nKtssCbMqDA5i9+YulLIsVQ5MzKnwqCz6Phev3AIcxhy5K3x/A/DbG2CzIdctP9RS9PrxnTU92KOYll8bZHqs7Wk5AcY9hIx9kuyN3/xuxm5nXA+df+cNJSAgjMbiFSoAAAAASUVORK5CYII=) |
211 | 216 | } |
212 | | - .menu |
213 | | - {position:absolute;left:600px;top:35px;width:300px;} |
| 217 | + .m, .menu |
| 218 | + {position:absolute} |
| 219 | + |
| 220 | + |
214 | 221 |
|
215 | 222 |
|
216 | 223 | .spc |
|
257 | 264 | <img id=snippet-console title=snippet-console class=icon> |
258 | 265 | </div> |
259 | 266 |
|
260 | | - <div id=more-menu-click> |
261 | | - <span> |
262 | | - more |
263 | | - </span> |
264 | | - <img id=more-menu-icon> |
265 | | - </div> |
266 | | - <div id=more-menu class=menu style='display:none'> |
267 | | - <div id=https-server class=menu-opt>install https-server</div> |
268 | | - <div id=save-snapshot class=menu-opt>save snapshot</div> |
269 | | - <div id=load-snapshot class=menu-opt>load snapshot</div> |
| 267 | + <div class=m-hldr> |
| 268 | + <div class=m-root> |
| 269 | + <span> |
| 270 | + more |
| 271 | + </span> |
| 272 | + <img class=m-icon> |
| 273 | + </div> |
| 274 | + <div id=more-menu class='m menu' style='display:none;left:0px;top:35px;width:300px'> |
| 275 | + <div id=https-server class=menu-opt>install https-server</div> |
| 276 | + <div id=save-snapshot class=menu-opt>save snapshot</div> |
| 277 | + <div id=load-snapshot class=menu-opt>load snapshot</div> |
| 278 | + </div> |
270 | 279 | </div> |
271 | 280 |
|
272 | 281 |
|
|
331 | 340 |
|
332 | 341 |
|
333 | 342 | var card = $('#more-menu'); |
334 | | - $('#more-menu-click').onclick = menu.click(card,'both',false,menu_callback.more); |
| 343 | + $('.m-root').onclick = menu.click(card,'both',false,menu_callback.more); |
335 | 344 |
|
336 | 345 |
|
337 | 346 | $('#ports').onclick = btn.ports; |
|
483 | 492 |
|
484 | 493 | } |
485 | 494 |
|
| 495 | + tabs.focus(); |
| 496 | + |
486 | 497 | }//more |
487 | 498 |
|
488 | 499 |
|
|
0 commit comments