SINN#72227 timeout verkort, en voorkomen van contextmenu onlongpress bij hints in de touch interface

svn path=/Website/trunk/; revision=56819

APPL/Shared/kenmerk_common.inc

@@ -2120,6 +2120,7 @@ function listKenmerk(sql, module, pkey, props)
     var anyTextarea      = false;
     var anySelect        = false;
     var anyCollapsible   = false;
+    var anyHint          = false;
     var blockId          = 0;
     var blockShow        = [];
     var kenmerkidref     = new Array(); // Bijhouden welk kenmerk welke id referentie mee heeft gekregen
@@ -2692,6 +2693,7 @@ function listKenmerk(sql, module, pkey, props)
                 kv = kenmerktype_spacer(thisfield, props, params);
                 break;
         }
+        anyHint = anyHint || (thisfield.kkenmerktype != 'l' && thisfield.kkenmerktype != 'Q' && kv && thisfield.khint != null && !thisfield.ishidden && !props.nolabel);
         if (thisfield.kkenmerktype != "l" && kv.length > 0)
         {   // Verhoog het aantal ingevulde kenmerken in een blok.
             blockShow["flx_" + props.nameprefix + blockId]++;
@@ -2869,7 +2871,6 @@ function listKenmerk(sql, module, pkey, props)
                 $("textarea[name^=<%=props.nameprefix%>]").autogrow();
         });
       </script><%
-
     }
 
     if (anySelect && props.kenmerk_search)
@@ -2882,6 +2883,16 @@ function listKenmerk(sql, module, pkey, props)
       </script><%
     }
 
+    if (anyHint && Session("interface") == "touch")
+    {
+        %><script>
+        $(function()
+        {
+            $("label[for^=<%=props.nameprefix%>]").parent("td.hashint").on("contextmenu", function (e) { e.preventDefault(); });
+        });
+      </script><%
+    }
+
     if (props.kenmerk_search)
     {
         %><script>

APPL/Shared/touch.css

@@ -137,6 +137,7 @@ td.hashint span.hint::after {
     position: absolute;
     opacity: 0;
     font-size: 0.9rem;
+    z-index: 1;
     pointer-events: none;
     white-space: pre-wrap;
     padding: .15rem .4rem;
@@ -144,12 +145,11 @@ td.hashint span.hint::after {
     border: 1px solid #343F4D;
     color: #343F4D;
     background-color: #FFFFFF;
-    transition: opacity 0.2s ease-in-out 1s;    /* 1s delay en .2s fadeOut bij het verbergen */
+    transition: opacity .2s ease-in-out .25s;   /* .25s delay en .2s fadeOut bij het verbergen */
 }
 td.hashint:active span.hint::after {
-    z-index: 1;
     opacity: 1;
-    transition: opacity 0s linear;         /* Geen delay of fadeIn bij het tonen */
+    transition: opacity 0s linear;              /* Geen delay of fadeIn bij het tonen */
 }
 
 #buttons ul li {