fixed tooltips to have correct styling

(given removal of innerClassName and hide_arrow)

Author: kgraaf

fbfmaproom/assets/style.css

@@ -42,11 +42,18 @@ tr {
     background-color: #ff6961;
 }
 
-.tooltiptext {
-  color: black;
-  position: relative;
-  background-color: rgba(228,228,228, 1);
-  max-width: 300px;
-  min-width: 300px;
-  font-size: 110%;
+.tooltiptext { 
+    opacity: 1 !important;
+}
+
+.tooltiptext .tooltip-inner {
+    color: black;
+    background-color: #E4E4E4;
+    max-width: 300px;
+    min-width: 300px;
+    font-size: 110%;
+}
+
+.tooltiptext .tooltip-arrow {
+    display: none;
 }

fbfmaproom/fbflayout.py

@@ -28,6 +28,7 @@ def help_layout(buttonname, id_name, message):
             dbc.Tooltip(
                 f"{message}",
                 target=id_name,
+                className="tooltiptext",
             ),
         ]
     )
@@ -331,6 +332,7 @@ def command_layout():
                                 dbc.Tooltip(
                                     "Gantt it!- Early action activities planning tool in a format of a Gantt chart",
                                     target="gantt_button",
+                                    className="tooltiptext",
                                 ),
                             ],
                             id="gantt",