Tooltip on channel-name

server/public/assets/js/channel.js

@@ -176,6 +176,12 @@ var Channel = {
         }
 
         if(!Helper.mobilecheck()) {
+            $("#chan").tooltip({
+                delay: 5,
+                position: "bottom",
+                tooltip: "Show join URL",
+            });
+
             $("#viewers").tooltip({
                 delay: 5,
                 position: "top",
@@ -503,6 +509,7 @@ var Channel = {
 
             $("#embed-button").css("display", "none");
             if(!Helper.mobilecheck()) {
+                $("#chan").tooltip("remove");
                 $('.castButton').tooltip("remove");
                 $("#viewers").tooltip("remove");
                 //$('.castButton-unactive').tooltip("remove");

server/public/partials/channel/header.handlebars

@@ -6,7 +6,7 @@
                     <a href="/" class="brand-logo brand-logo-navigate">
                         <img class="zicon" src="/assets/images/z.svg" alt="zoff-logo" title="Home" />
                     </a>
-                    <span id="chan" class="chan clickable" title="Show big URL">{{list_name}}</span>
+                    <span id="chan" class="chan clickable">{{list_name}}</span>
                 </div>
                 <ul class="title-container">
                     <li class="song-title cursor-pointer truncate" id="song-title">