From 3f7ee41b5307204fdc4819d09a09aef9e254dbc5 Mon Sep 17 00:00:00 2001
From: NOYB <Al_Stu@Frontier.com>
Date: Mon, 15 Jan 2018 16:58:55 -0800
Subject: [PATCH] Widgets Controls on Touch Screen

Touch events not working with the widget controls (link, buttons, drag/drop sort).
Add distance, delay and touch-action css for the widget controls to work with touch screen input.

Widget controls not working correctly with touch screen input
https://github.com/opnsense/core/issues/2092
---
 src/www/index.php | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/src/www/index.php b/src/www/index.php
index d8fb896c5..186e2c54f 100644
--- a/src/www/index.php
+++ b/src/www/index.php
@@ -276,6 +276,8 @@ include("fbegin.inc");?>
       // sortable widgets
       $(".dashboard_grid_column").sortable({
         handle: '.content-box-head',
+        delay: 50,
+        distance: 2,
         group: 'dashboard_grid_column',
         itemSelector: '.widgetdiv',
         containerSelector: '.dashboard_grid_column',
@@ -369,7 +371,7 @@ include("fbegin.inc");?>
           }?>
           <section class="widgetdiv" data-sortkey="<?=$widgetItem['sortKey'] ?>" id="<?=$widgetItem['name'];?>"  style="display:<?=$divdisplay;?>;">
             <div class="content-box">
-              <header class="content-box-head container-fluid">
+              <header class="content-box-head container-fluid" style="touch-action: none">
                 <ul class="list-inline __nomb">
                   <li><h3>
 <?php