From 4ddfa3e1bd4d2f6d6da9222e83971e1594bbd1de Mon Sep 17 00:00:00 2001
From: Victor Azevedo <34415964+victorazevedo-me@users.noreply.github.com>
Date: Wed, 27 Nov 2019 10:36:05 +0100
Subject: [PATCH] Edit open animation, close settings on left linkblocks click

---
 settings.html           |  2 +-
 src/scripts/lang.js     |  2 +-
 src/scripts/settings.js |  7 +++++--
 src/styles/events.css   | 32 +++++++++++++++++++++++++++++---
 4 files changed, 36 insertions(+), 7 deletions(-)

diff --git a/settings.html b/settings.html
index d4950d84..953c0e42 100644
--- a/settings.html
+++ b/settings.html
@@ -440,7 +440,7 @@ <h5 class="trn">Weather</h5>
 	<h5 class="trn">Search bar</h5>
 	<div class="param">
 		<div class="activate_searchbar wrapper">
-			<span class="trn">Activate</span>
+			<span class="trn">Enable</span>
 			<div>
 				<label class="switch">
 					<input id="i_sb" type="checkbox">
diff --git a/src/scripts/lang.js b/src/scripts/lang.js
index 25c7ab3d..32e1bf2f 100755
--- a/src/scripts/lang.js
+++ b/src/scripts/lang.js
@@ -425,7 +425,7 @@ function askfordict() {
       de: "Suchmaschine",
       it: "Motore di ricerca"
     },
-    "Activate": {
+    "Enable": {
       fr: "Activer",
       sv: "Aktivera",
       nl: "Activeren", // unsure
diff --git a/src/scripts/settings.js b/src/scripts/settings.js
index a2cfca3d..fa11576a 100644
--- a/src/scripts/settings.js
+++ b/src/scripts/settings.js
@@ -444,12 +444,15 @@ function showSettings(e, that) {
 } 
 
 function showInterface(e) {
+
 	//cherche le parent du click jusqu'a trouver linkblocks
-	var parent = e.target;
+	//seulement si click droit, quitter la fct
+	let parent = e.target;
+
 	while (parent !== null) {
 
 		parent = parent.parentElement;
-		if (parent && parent.id === "linkblocks") return false;
+		if (parent && parent.id === "linkblocks" && e.which === 3) return false;
 	}
 
 	//close edit container on interface click
diff --git a/src/styles/events.css b/src/styles/events.css
index d98ac19f..1fbc290e 100644
--- a/src/styles/events.css
+++ b/src/styles/events.css
@@ -22,9 +22,19 @@
 
 @keyframes sbfade {
   from {
-    opacity: 0; }
+    opacity: 0;}
   to {
-    opacity: .8; } }
+    opacity: .8;}
+}
+
+@keyframes editfade {
+  from {
+    opacity: 0;}
+  to {
+    opacity: 1;
+    display: flex;
+    }
+}
 
 #interface #sb_container.shown #searchbar {
 	animation: sbfade .08s ease-in .0s 1 normal;
@@ -36,7 +46,8 @@
 }
 
 
-#interface.pushed {
+#interface.pushed,
+#edit_linkContainer.pushed {
 	-webkit-transform: translateX(-10em);
 	transform: translateX(-10em);
 }
@@ -44,4 +55,19 @@
 #settings.shown {
 	-webkit-transform: translateX(-100%);
 	transform: translateX(-100%);
+}
+
+
+#edit_linkContainer {
+	position: fixed;
+	height: auto;
+	width: auto;
+	margin: auto;
+	top: 35%;
+	left: calc(50% - 150px);
+	z-index: 1;
+}
+
+#edit_linkContainer.shown {
+	animation: editfade .1s forwards;
 }
\ No newline at end of file