Rift.IO OSM R1 Initial Submission

[osm/UI.git] / skyquake / plugins / composer / src / src / styles / TooltipManager.scss

diff --git a/skyquake/plugins/composer/src/src/styles/TooltipManager.scss b/skyquake/plugins/composer/src/src/styles/TooltipManager.scss
new file mode 100644 (file)
index 0000000..91117c5
--- /dev/null
+++ b/skyquake/plugins/composer/src/src/styles/TooltipManager.scss
@@ -0,0 +1,42 @@
+
+$tooltip-arrow-width: 15px;
+$tooltip-background-color: #002b36;
+$tooltip-foreground-color: #93a1a1;
+
+.tooltip-indicator {
+       position: fixed;
+       // TooltipManager.js will set top, left pragmatically
+       z-index: 1;
+       .tooltip-indicator-content {
+               position: relative;
+               display: block;
+               color: $tooltip-foreground-color;
+               background: $tooltip-background-color;
+               margin-left: -50%;
+               margin-right: 50%;
+               margin-top: 15px;
+               padding: 9px;
+               border-radius: 7px;
+       }
+       > i {
+               position: absolute;
+               top: 2px;
+               left: -15px;
+               // TooltipManager will set top, left pragmatically
+               &.arrow-up {
+                       width: 0;
+                       height: 0;
+                       border-left: $tooltip-arrow-width solid transparent;
+                       border-right: $tooltip-arrow-width solid transparent;
+
+                       border-bottom: $tooltip-arrow-width solid $tooltip-background-color;
+               }
+       }
+
+       span {
+               val {
+                       margin-left: 5px;
+                       color: #eee8d5;
+               }
+       }
+}