From 1da5d964859c250e033ca3587b7aa6198af7b5cf Mon Sep 17 00:00:00 2001
From: Henriette Dinger <h.dinger@openproject.com>
Date: Wed, 15 Jan 2020 15:08:56 +0100
Subject: [PATCH] Use OP tooltips for button group

---
 .../app/assets/stylesheets/ifc_viewer/generic.sass    |  2 ++
 .../app/assets/stylesheets/ifc_viewer/tooltips.sass   | 11 +++++++++++
 2 files changed, 13 insertions(+)
 create mode 100644 modules/ifc_models/app/assets/stylesheets/ifc_viewer/tooltips.sass

diff --git a/modules/ifc_models/app/assets/stylesheets/ifc_viewer/generic.sass b/modules/ifc_models/app/assets/stylesheets/ifc_viewer/generic.sass
index 9e81aaaddc..c7d6363a51 100644
--- a/modules/ifc_models/app/assets/stylesheets/ifc_viewer/generic.sass
+++ b/modules/ifc_models/app/assets/stylesheets/ifc_viewer/generic.sass
@@ -8,6 +8,7 @@
 @import "toolbar"
 @import "loading_modal"
 @import "context_menu"
+@import "tooltips"
 
 // The IFC viewer shall fill the viewport to the bottom.
 // This is different to how we style #content else where.
@@ -71,6 +72,7 @@
   margin-right: .5rem
 
 .xeokit-btn
+  position: relative
   background-color: $button--background-color
   vertical-align: middle
   padding: .375rem .75rem
diff --git a/modules/ifc_models/app/assets/stylesheets/ifc_viewer/tooltips.sass b/modules/ifc_models/app/assets/stylesheets/ifc_viewer/tooltips.sass
new file mode 100644
index 0000000000..a36f852a3f
--- /dev/null
+++ b/modules/ifc_models/app/assets/stylesheets/ifc_viewer/tooltips.sass
@@ -0,0 +1,11 @@
+@import "content/tooltips"
+
+[data-tippy-content]
+  @extend .tooltip--bottom
+  &:after
+    @extend [data-tooltip]:after
+    content: attr(data-tippy-content)
+    opacity: 1
+
+  &:hover:after
+    visibility: visible
\ No newline at end of file