Replaced all paper-tooltip with custom, working version

rpg-docs/client/views/paperTemplates/inputSuffixes/inputSuffixes.html

@@ -25,7 +25,6 @@
 			{{/ simpleTooltip}}
 		</div>
 		<div class="brackets" style="position: relative">
-			<!--<paper-tooltip position="left" animation-delay="0">This field accepts formulae in {curly brackets}</paper-tooltip>-->
 			<iron-icon icon="dicecloud:code-braces"></iron-icon>
 			{{# simpleTooltip}}
 				This field accepts formulae in {curly brackets}

rpg-docs/client/views/paperTemplates/simpleTooltip/simpleTooltip.css

@@ -1,4 +1,18 @@
-.simple-tooltip:hover .tooltip {
+.simple-tooltip {
+	pointer-events: none;
+}
+
+.simple-tooltip:active {
+	pointer-events: none;
+}
+
+/* Show the tooltip if a older sibling is hovered */
+*:hover ~ .simple-tooltip > .tooltip {
+	opacity: 0.9;
+}
+
+/* Show the tooltip if parent is hovered */
+*:hover > .simple-tooltip > .tooltip {
 	opacity: 0.9;
 }
 
@@ -16,3 +30,7 @@
 	pointer-events: none;
     white-space: nowrap;
 }
+
+.tooltip.always {
+	opacity: 0.9;
+}

rpg-docs/client/views/paperTemplates/simpleTooltip/simpleTooltip.html

@@ -1,6 +1,6 @@
 <template name="simpleTooltip">
-	<div class="simple-tooltip fit">
-		<div class="tooltip">
+	<div class="simple-tooltip fit layout vertical center-justified">
+		<div class="tooltip {{class}}">
 			{{> Template.contentBlock}}
 		</div>
 	</div>