Add tool tip for Homebrew and Lock Icons

Author: datdamnzotz

src/clj/orcpub/styles/core.clj

@@ -444,6 +444,30 @@
    [:.invisible
     {:visibility :hidden}]
 
+   [:.tooltip
+    {:position "relative"
+     :display "inline-block"
+     :border-bottom "1px dotted black" }]
+
+   [:.tooltip [:.tooltiptext
+               {:visibility "hidden"
+                :width "130px"
+                :bottom "100%"
+                :left "50%"
+                :margin-left "-60px"
+                :background-color "black"
+                :font-family "Open Sans, sans-serif"
+                :color "#fff"
+                :text-align "center"
+                :padding "10px 10px"
+                :border-radius "6px"
+                :position "absolute"
+                :z-index "1"}
+               ]]
+
+   [:.tooltip:hover [:.tooltiptext
+                     {:visibility "visible"}]]
+
    (at-keyframes
     :fade-out
     [:from {:opacity 1

src/cljs/orcpub/character_builder.cljs

@@ -603,14 +603,21 @@
           (if (and path help)
             [show-info-button expanded?])
           (if (not hide-lock?)
-            [:i.fa.f-s-16.m-l-10.m-r-5.pointer
-             {:class-name (if locked? "fa-lock" "fa-unlock-alt opacity-5 hover-opacity-full")
-              :on-click (toggle-locked path)}])
+            [:div.tooltip
+             [:i.fa.f-s-16.m-l-10.m-r-5.pointer
+              {:class-name (if locked? "fa-lock" "fa-unlock-alt opacity-5 hover-opacity-full")
+               :on-click (toggle-locked path)}]
+             (if locked? [:span.tooltiptext "Locked to prevent changes - click to unlock"]
+                         [:span.tooltiptext "Unlocked - click to lock the section to prevent changes"])
+             ])
           (if (not hide-homebrew?)
             [:span.pointer
              {:class-name (if (not homebrew?) "opacity-5 hover-opacity-full")
               :on-click (toggle-homebrew path)}
-             (views5e/svg-icon "beer-stein" 18)])]
+             [:div.tooltip
+              (views5e/svg-icon "beer-stein" 18)
+              (if (not homebrew?) [:span.tooltiptext "Homebrew is off for " title " - enabling this option allows you select options you would not normally have (turns on homebrew rules)"]
+                                  [:span.tooltiptext "Homebrew is on for " title " - you can select anything and make it homebrew"] )]])]
          (if (and help path @expanded?)
            [help-section help])
          (if (int? min)