From c4e77c7eae1d5b77793d96d7d1b2618b5a98242e Mon Sep 17 00:00:00 2001
From: Stefan Zermatten <stefanzermatten@gmail.com>
Date: Thu, 28 Sep 2017 11:47:03 +0200
Subject: [PATCH] Replaced all paper-tooltip with custom, working version

---
 .../views/character/features/features.html    | 14 ++++----
 .../views/character/inventory/inventory.html  | 10 +++---
 .../views/character/journal/journal.html      | 11 +++---
 .../client/views/character/spells/spells.html | 35 +++++++++----------
 .../stats/attributeDialog/attributeDialog.js  |  6 ++++
 .../views/characterList/characterList.html    |  4 +--
 .../inputSuffixes/inputSuffixes.html          |  1 -
 .../simpleTooltip/simpleTooltip.css           | 20 ++++++++++-
 .../simpleTooltip/simpleTooltip.html          |  4 +--
 .../client/views/user/profile/profile.html    |  2 +-
 10 files changed, 67 insertions(+), 40 deletions(-)

diff --git a/rpg-docs/client/views/character/features/features.html b/rpg-docs/client/views/character/features/features.html
index 5d5a7553..a3c6f1df 100644
--- a/rpg-docs/client/views/character/features/features.html
+++ b/rpg-docs/client/views/character/features/features.html
@@ -74,7 +74,7 @@
 													checked={{enabled}}
 													disabled={{#unless canEditCharacter charId}}true{{/unless}}>
 									</paper-checkbox>
-									<paper-tooltip position="left">Feature enabled</paper-tooltip>
+									{{#simpleTooltip}}Feature enabled{{/simpleTooltip}}
 								</div>
 							{{/if}}
 						</div>
@@ -101,11 +101,13 @@
 			{{/each}}
 		</div>
 		{{#if canEditCharacter _id}}
-			<paper-fab id="addFeature"
-					   class="floatyButton {{#if shouldFloatyButtonBounce}}bounce{{/if}}"
-					   icon="add">
-		   		<paper-tooltip position="left">Add Feature</paper-tooltip>
-		  	</paper-fab>
+			<div class="floatyButton">
+				<paper-fab id="addFeature"
+					class="{{#if shouldFloatyButtonBounce}}bounce{{/if}}"
+					icon="add">
+				</paper-fab>
+				{{#simpleTooltip}}Add Feature{{/simpleTooltip}}
+			</div>
 		{{/if}}
 	</div>
 </template>
diff --git a/rpg-docs/client/views/character/inventory/inventory.html b/rpg-docs/client/views/character/inventory/inventory.html
index cf823d5f..c135c6ec 100644
--- a/rpg-docs/client/views/character/inventory/inventory.html
+++ b/rpg-docs/client/views/character/inventory/inventory.html
@@ -110,12 +110,12 @@
 						<div class="paper-font-caption" style="margin-right: 8px">
 							{{round totalWeight}} lbs
 						</div>
-						<div>
+						<div style="position: relative;">
 							<paper-checkbox class="carriedCheckbox"
 											disabled={{#unless canEditCharacter charId}}true{{/unless}}
 											checked={{isCarried}}>
 							</paper-checkbox>
-							<paper-tooltip position="left"> Container carried</paper-tooltip>
+							{{#simpleTooltip}} Container carried{{/simpleTooltip}}
 						</div>
 					</div>
 					<div class="bottom list">
@@ -136,21 +136,21 @@
 						   class="addContainer"
 						   mini>
 				</paper-fab>
-				<paper-tooltip position="left"> New container </paper-tooltip>
+				{{#simpleTooltip class="always"}} Container {{/simpleTooltip}}
 			</div>
 			<div>
 				<paper-fab icon="av:library-books"
 						   class="libraryItem"
 						   mini>
 				</paper-fab>
-				<paper-tooltip position="left"> Library item </paper-tooltip>
+				{{#simpleTooltip class="always"}} Item from library {{/simpleTooltip}}
 			</div>
 			<div>
 				<paper-fab icon="note-add"
 						   class="addItem"
 						   mini>
 				</paper-fab>
-				<paper-tooltip position="left"> New item </paper-tooltip>
+				{{#simpleTooltip class="always"}} Item {{/simpleTooltip}}
 			</div>
 		{{/fabMenu}}
 	{{/if}}
diff --git a/rpg-docs/client/views/character/journal/journal.html b/rpg-docs/client/views/character/journal/journal.html
index 5ae06ced..8632954c 100644
--- a/rpg-docs/client/views/character/journal/journal.html
+++ b/rpg-docs/client/views/character/journal/journal.html
@@ -83,9 +83,12 @@
 	</div>
 	<div class="fab-buffer"></div>
 	{{#if canEditCharacter _id}}
-		<paper-fab id="addNote"
-				   class="floatyButton"
-				   icon="add"
-				   title="Add"></paper-fab>
+		<div class="floatyButton">
+			<paper-fab id="addNote"
+				icon="add"
+				title="Add">
+			</paper-fab>
+			{{#simpleTooltip}}Add Note{{/simpleTooltip}}
+		</div>
 	{{/if}}
 </template>
diff --git a/rpg-docs/client/views/character/spells/spells.html b/rpg-docs/client/views/character/spells/spells.html
index b5011f82..c992daa4 100644
--- a/rpg-docs/client/views/character/spells/spells.html
+++ b/rpg-docs/client/views/character/spells/spells.html
@@ -53,22 +53,22 @@
 									{{numPrepared}} / {{evaluate charId maxPrepared}}
 								</div>
 							{{/if}}
-							<div>
-								<paper-tooltip position="left">
-									Done
-			  					</paper-tooltip>
+							<div style="position: relative;">
 								<paper-icon-button class="finishPrep" icon="done">
 								</paper-icon-button>
+								{{#simpleTooltip}}
+									Done
+			  					{{/simpleTooltip}}
 							</div>
 						{{else}}
-							<div>
-								<paper-tooltip position="left">
-									Change prepared spells
-	  							</paper-tooltip>
+							<div style="position: relative;">
 								<paper-icon-button class="prepSpells"
 												   disabled={{#unless canEditCharacter charId}}true{{/unless}}
 												   icon="book">
 								</paper-icon-button>
+								{{#simpleTooltip}}
+									Change prepared spells
+	  							{{/simpleTooltip}}
 							</div>
 						{{/if}}
 					</div>
@@ -124,32 +124,31 @@
 	{{#if canEditCharacter _id}}
 		{{#fabMenu}}
 			<div>
-				<paper-tooltip position="left">
-					New spell list
-				</paper-tooltip>
 				<paper-fab icon="work"
 						   class="addSpellList"
 						   mini>
 				</paper-fab>
-
+				{{#simpleTooltip class="always"}}
+					Spell list
+				{{/simpleTooltip}}
 			</div>
 			<div>
-				<paper-tooltip position="left">
-					Spell library
-				</paper-tooltip>
 				<paper-fab icon="av:library-books"
 						   class="librarySpell"
 						   mini>
 				</paper-fab>
+				{{#simpleTooltip class="always"}}
+					Spell from library
+				{{/simpleTooltip}}
 			</div>
 			<div>
-				<paper-tooltip position="left">
-					New spell
-				</paper-tooltip>
 				<paper-fab icon="note-add"
 					class="addSpell"
 					mini>
 				</paper-fab>
+				{{#simpleTooltip class="always"}}
+					Spell
+				{{/simpleTooltip}}
 			</div>
 		{{/fabMenu}}
 	{{/if}}
diff --git a/rpg-docs/client/views/character/stats/attributeDialog/attributeDialog.js b/rpg-docs/client/views/character/stats/attributeDialog/attributeDialog.js
index 1e2bf9a3..202df998 100644
--- a/rpg-docs/client/views/character/stats/attributeDialog/attributeDialog.js
+++ b/rpg-docs/client/views/character/stats/attributeDialog/attributeDialog.js
@@ -157,4 +157,10 @@ Template.attributeDialogView.helpers({
 	statValue: function(){
 		return evaluateEffect(this.charId, this);
 	},
+	showNewUserExperience: function(){
+		console.log(this.statName);
+		if (this.statName === "speed"){
+			return Session.get("newUserExperienceStep") >= 2;
+		}
+	},
 });
diff --git a/rpg-docs/client/views/characterList/characterList.html b/rpg-docs/client/views/characterList/characterList.html
index a5b00dd2..94962a5b 100644
--- a/rpg-docs/client/views/characterList/characterList.html
+++ b/rpg-docs/client/views/characterList/characterList.html
@@ -49,14 +49,14 @@
 							   class="addParty"
 							   mini>
 					</paper-fab>
-					<paper-tooltip position="left"> New Party </paper-tooltip>
+					{{#simpleTooltip class="always"}} New Party {{/simpleTooltip}}
 				</div>
 				<div>
 					<paper-fab icon="face"
 							   class="addCharacter"
 							   mini>
 					</paper-fab>
-					<paper-tooltip position="left"> New Character </paper-tooltip>
+					{{#simpleTooltip class="always"}} New Character {{/simpleTooltip}}
 				</div>
 			{{/fabMenu}}
 		</div>
diff --git a/rpg-docs/client/views/paperTemplates/inputSuffixes/inputSuffixes.html b/rpg-docs/client/views/paperTemplates/inputSuffixes/inputSuffixes.html
index 9cd48f6b..08c15e04 100644
--- a/rpg-docs/client/views/paperTemplates/inputSuffixes/inputSuffixes.html
+++ b/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}
diff --git a/rpg-docs/client/views/paperTemplates/simpleTooltip/simpleTooltip.css b/rpg-docs/client/views/paperTemplates/simpleTooltip/simpleTooltip.css
index 39bb2cc3..67822bb6 100644
--- a/rpg-docs/client/views/paperTemplates/simpleTooltip/simpleTooltip.css
+++ b/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;
+}
diff --git a/rpg-docs/client/views/paperTemplates/simpleTooltip/simpleTooltip.html b/rpg-docs/client/views/paperTemplates/simpleTooltip/simpleTooltip.html
index 961f80f4..f364ba71 100644
--- a/rpg-docs/client/views/paperTemplates/simpleTooltip/simpleTooltip.html
+++ b/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>
diff --git a/rpg-docs/client/views/user/profile/profile.html b/rpg-docs/client/views/user/profile/profile.html
index 89634afa..20c90e00 100644
--- a/rpg-docs/client/views/user/profile/profile.html
+++ b/rpg-docs/client/views/user/profile/profile.html
@@ -27,7 +27,7 @@
 										{{#if verified}}
 											<span>
 												<iron-icon icon="check"></iron-icon>
-												<paper-tooltip>Verified</paper-tooltip>
+												{{#simpleTooltip}}Verified{{/simpleTooltip}}
 											</span>
 										{{/if}}
 									</div>