fixed tooltips; illegal characters in messages.json

src/css/common.css

@@ -49,25 +49,26 @@
     cursor: pointer;
     }
 *[data-tip]:hover:after {
-    position: absolute;
-    content: attr(data-tip);
-    padding: 4px 6px;
-    font: 11px sans-serif;
-    line-height: 140%;
-    text-align: left;
-    color: black;
     background-color: white;
-    top: 110%;
-    white-space: pre;
-    z-index: 20;
     border: 1px solid gray;
     border-radius: 3px;
     box-shadow: 1px 1px 3px gray;
+    color: black;
+    content: attr(data-tip);
+    font: 12px sans-serif;
+    line-height: 140%;
+    min-width: 40vw;
+    padding: 4px 6px;
+    position: absolute;
+    text-align: start;
+    top: 110%;
+    white-space: pre-line;
+    z-index: 20;
     }
 .tip-anchor-left[data-tip]:hover:after {
-    left: 0;
+    left: -5vw;
     }
 .tip-anchor-right[data-tip]:hover:after {
-    right: 0;
+    right: -5vw;
     }
 

tools/_locales/en/messages.json

@@ -76,19 +76,19 @@
         "description": ""
     },
     "matrixMtxButtonTip" : {
-        "message": "Disable/enable matrix filtering \u000a for this scope. \u000aRequests blocked through \u000a matrix filtering on this page: {{count}}.",
+        "message": "Disable/enable matrix filtering for this scope.\nRequests blocked through matrix filtering on this page: {{count}}.",
         "description": "Tool tip for matrix button: {{}} is a placeholder for number of blocked requests."
     },
     "matrixPersistButtonTip" : {
-        "message": "Save all temporary changes \u000a for this scope.",
+        "message": "Save all temporary changes for this scope.",
         "description": "Tool tip for the persist button"
     },
     "matrixRevertButtonTip" : {
-        "message": "Remove temporary changes \u000a for this scope.",
+        "message": "Remove temporary changes for this scope.",
         "description": "Tool tip for the revert local permission button"
     },
     "matrixRevertButtonAllTip" : {
-        "message": "Remove all temporary \u000a changes.",
+        "message": "Remove all temporary changes.",
         "description": "Tool tip for the revert all permissions button"
     },
     "matrixReloadButton" : {

tools/_locales/fr/messages.json

@@ -72,25 +72,19 @@
     "description":""
   },
   "matrixMtxButtonTip":{
-    "message":"Cliquez pour activer\/désactiver \
+    "message":"Cliquez pour activer\/désactiver les filtres matriciels pour le contexte actuel.\\nNombre de requêtes bloquées via les filtres matriciels : {{count}}",
- les filtres matriciels pour le contexte actuel. \
-Nombre de requêtes bloquées via \
- les filtres matriciels : {{count}}",
     "description":"Tool tip for matrix button: {{}} is a placeholder for number of blocked requests."
   },
   "matrixPersistButtonTip":{
-    "message":"Conserver définitivement les changements \
+    "message":"Conserver définitivement les changements du contexte actuel",
- du contexte actuel",
     "description":"Tool tip for the persist button"
   },
   "matrixRevertButtonTip":{
-    "message":"Annuler les changements temporaires \
+    "message":"Annuler les changements temporaires du contexte actuel",
- du contexte actuel",
     "description":"Tool tip for the revert local permission button"
   },
   "matrixRevertButtonAllTip":{
-    "message":"Annuler la totalité des changements \
+    "message":"Annuler la totalité des changements temporaires de tous les contextes",
- temporaires de tous les contextes",
     "description":"Tool tip for the revert all permissions button"
   },
   "matrixReloadButton":{