From a4e17ef0b1e9a01cdb6e95476bc1555e9fc31696 Mon Sep 17 00:00:00 2001
From: phl0 <florian@florian-wolters.de>
Date: Tue, 13 Jun 2017 09:11:59 +0200
Subject: [PATCH] Make tooltip use CSS

---
 dashboard/css/layout.css    | 30 ++++++++++++++++++++++++++++++
 dashboard/pgs/repeaters.php |  2 +-
 dashboard/pgs/users.php     |  2 +-
 3 files changed, 32 insertions(+), 2 deletions(-)

diff --git a/dashboard/css/layout.css b/dashboard/css/layout.css
index 2e1dd0e..3a80aff 100755
--- a/dashboard/css/layout.css
+++ b/dashboard/css/layout.css
@@ -10,6 +10,36 @@ h1 {
    font-size            : 25pt;
 }
 
+a.tip {
+   text-decoration      : none;
+}
+
+a.tip:hover {
+   position             : relative;
+}
+
+a.tip span {
+   display              : none
+}
+
+a.tip:hover span {
+   background           : #000000;
+   opacity              : 0.8;
+   border               : none;
+   border-radius        : 5px 5px 5px 5px;
+   font-family          : calibri, verdana, arial, comic sans;
+   font-size            : 12pt;
+   text-decoration      : none;
+   white-space          : nowrap;
+   color                : #FFFFFF;
+   padding              : 6px 6px 6px 6px;
+   margin               : 10px;
+   display              : block;
+   z-index              : 50; 
+   position             : absolute;
+   top                  : 10px;
+}
+
 #top {
    height               : 115px;
    background-color     : #FFFFFF;
diff --git a/dashboard/pgs/repeaters.php b/dashboard/pgs/repeaters.php
index 28a5e71..124d59d 100755
--- a/dashboard/pgs/repeaters.php
+++ b/dashboard/pgs/repeaters.php
@@ -31,7 +31,7 @@ for ($i=0;$i<$Reflector->NodeCount();$i++) {
    <td align="center">';
    list ($Flag, $Name) = $Reflector->GetFlag($Reflector->Nodes[$i]->GetCallSign());
    if (file_exists("./img/flags/".$Flag.".png")) {
-      echo '<img src="./img/flags/'.$Flag.'.png" height="15" alt="'.$Name.'" title="'.$Name.'" />';
+      echo '<a href="#" class="tip"><img src="./img/flags/'.$Flag.'.png" height="15" alt="'.$Name.'" /><span>'.$Name.'</span></a>';
    }
    echo '</td>
    <td><a href="http://www.aprs.fi/'.$Reflector->Nodes[$i]->GetCallSign();
diff --git a/dashboard/pgs/users.php b/dashboard/pgs/users.php
index 8a802bb..52ffd1d 100755
--- a/dashboard/pgs/users.php
+++ b/dashboard/pgs/users.php
@@ -137,7 +137,7 @@ for ($i=0;$i<$Reflector->StationCount();$i++) {
    
       list ($Flag, $Name) = $Reflector->GetFlag($Reflector->Stations[$i]->GetCallSign());
       if (file_exists("./img/flags/".$Flag.".png")) {
-         echo '<img src="./img/flags/'.$Flag.'.png" height="15" alt="'.$Name.'" title="'.$Name.'" />';
+         echo '<a href="#" class="tip"><img src="./img/flags/'.$Flag.'.png" height="15" alt="'.$Name.'" /><span>'.$Name.'</span></a>';
       }
       echo '</td>
    <td width="75"><a href="https://www.qrz.com/db/'.$Reflector->Stations[$i]->GetCallsignOnly().'" class="pl" target="_blank">'.$Reflector->Stations[$i]->GetCallsignOnly().'</a></td>