Merge pull request #1771 from sk9331657/Fix-1770

Added Tooltip to Susi Launcher Button #1770
fossasia · Jan 21, 2019 · f98db66 · f98db66
2 parents 079187f + e620e1d
commit f98db66
Show file tree

Hide file tree

Showing 2 changed files with 21 additions and 1 deletion.
diff --git a/src/components/BotBuilder/Preview/Preview.css b/src/components/BotBuilder/Preview/Preview.css
@@ -5,6 +5,26 @@
   margin: auto;
   padding: 0 20px;
 }
+.tooltiptext
+{ 
+    visibility: hidden;
+    width: 120px;
+    background-color: black;
+    color: #fff;
+    text-align: center;
+    padding: 5px 0;
+    border-radius: 6px;
+    float: left ;
+    position: relative;
+    left:-125px;
+} 
+
+.susi-launcher:hover   .tooltiptext
+{ 
+    visibility: visible;
+} 
+
+
 .susi-body-noscroll {
     position: fixed;
     overflow: hidden;

diff --git a/src/components/BotBuilder/Preview/Preview.js b/src/components/BotBuilder/Preview/Preview.js
@@ -6,7 +6,6 @@ import Send from 'material-ui/svg-icons/content/send';
 import loadingGIF from '../../../images/loading.gif';
 import './Chatbot.css';
 import './Preview.css';
-
 const host = window.location.protocol + '//' + window.location.host;
 class Preview extends Component {
   constructor() {
@@ -354,6 +353,7 @@ class Preview extends Component {
                 style={styles.launcher}
               >
                 <div
+                  data-tip="Toogle Launcher"
                   id="susi-launcher-button"
                   className="susi-launcher-button"
                   style={styles.botIcon}