diff --git a/web/app/assets/stylesheets/client/hoverBubble.css.scss b/web/app/assets/stylesheets/client/hoverBubble.css.scss index 61eff474b..5016310ac 100644 --- a/web/app/assets/stylesheets/client/hoverBubble.css.scss +++ b/web/app/assets/stylesheets/client/hoverBubble.css.scss @@ -1,76 +1,77 @@ .bubble { - width:350px; - min-height:200px; - background-color:#242323; - border:solid 1px #ed3618; - position:absolute; - z-index:999; -} + width:350px; + min-height:200px; + background-color:#242323; + border:solid 1px #ed3618; + position:absolute; + z-index:999; -.bubble.musician-bubble { - width:410px; -} -.bubble h2 { - padding:6px 0px; - text-align:center; - font-size:15px; - font-weight:200; - width:100%; - background-color:#ed3618; -} + &.musician-bubble { + width:410px; + } -.bubble h3 { - font-weight:400; - font-size:16px; - color:#fff; -} - -.bubble-inner { - padding:10px; - color:#ccc; -} - -.bubble-inner div.mb { - margin-bottom:5px; -} - -strong { - font-weight:600 !important; -} - -.musicians { - margin-top:-3px; - font-size:11px; -} - -.musicians td { - border-right:none; - border-top:none; - padding:3px; - vertical-align:middle; -} - -.musicians a { - color:#fff; - text-decoration:none; -} - -.avatar-tiny { - float:left; - padding:1px; - width:24px; - height:24px; + h2 { + padding:6px 0px; + text-align:center; + font-size:15px; + font-weight:200; + width:100%; background-color:#ed3618; - -webkit-border-radius:12px; - -moz-border-radius:12px; - border-radius:12px; -} + } -.avatar-tiny img { - width: 24px; - height: 24px; - -webkit-border-radius:12px; - -moz-border-radius:12px; - border-radius:12px; + h3 { + font-weight:400; + font-size:16px; + color:#fff; + } + + .bubble-inner { + padding:10px; + color:#ccc; + } + + .bubble-inner div.mb { + margin-bottom:5px; + } + + strong { + font-weight:600 !important; + } + + .musicians { + margin-top:-3px; + font-size:11px; + } + + .musicians td { + border-right:none; + border-top:none; + padding:3px; + vertical-align:middle; + } + + .musicians a { + color:#fff; + text-decoration:none; + } + + .avatar-tiny { + float:left; + padding:1px; + width:24px; + height:24px; + background-color:#ed3618; + -webkit-border-radius:12px; + -moz-border-radius:12px; + border-radius:12px; + } + + .avatar-tiny img { + width: 24px; + height: 24px; + -webkit-border-radius:12px; + -moz-border-radius:12px; + border-radius:12px; + } } \ No newline at end of file diff --git a/web/app/views/spikes/launch_app.html.haml b/web/app/views/spikes/launch_app.html.haml index 00fee5fd6..898fe21cb 100644 --- a/web/app/views/spikes/launch_app.html.haml +++ b/web/app/views/spikes/launch_app.html.haml @@ -4,10 +4,96 @@ .content-wrapper %h2 Launch App Test + %a#try{href:'mumble:abc'} Click Here For Mumble + + %br + + %a#try_bad{href:'bumble:abc'} Click Here For Bumble + + #result Result will show here + :javascript $(function () { + console.log("USER AGENT: ", window.navigator.userAgent); + function launchCustomProtocol(elem, url, callback) { + var iframe, myWindow, success = false; + if ($.browser.msie) { + myWindow = window.open('', '', 'width=0,height=0'); + myWindow.document.write(""); - })() \ No newline at end of file + setTimeout(function () { + try { + myWindow.location.href; + success = true; + } catch (ex) { + console.log(ex); + } + + if (success) { + myWindow.setTimeout('window.close()', 100); + } else { + myWindow.close(); + } + + callback(success); + }, 100); + } else if ($.browser.mozilla) { + try { + iframe = $("