From 855d50bd1fa44b26a5ffb7c0590556717c3a4e9e Mon Sep 17 00:00:00 2001
From: digitalbricklayer <digitalbricklayer@gmail.com>
Date: Thu, 28 Jul 2022 15:18:54 +0100
Subject: [PATCH] Change tables to use a scroll bar on mobile

---
 web/css/source/_tables_extend.less | 58 +++++++-----------------------
 1 file changed, 12 insertions(+), 46 deletions(-)

diff --git a/web/css/source/_tables_extend.less b/web/css/source/_tables_extend.less
index 330394d..6f55b9f 100644
--- a/web/css/source/_tables_extend.less
+++ b/web/css/source/_tables_extend.less
@@ -20,11 +20,7 @@
 
 @media only screen and (max-width: @screen__m) {
     .product-room-alert-comparison {
-        .lib-table-responsive(
-            @_reset-table-striped: true,
-            @_reset-table-hover: true
-        );
-    }
+        .lib-table-overflow();    }
 }
 
 // Supported sensors table
@@ -37,10 +33,7 @@
 
 @media only screen and (max-width: @screen__m) {
     .product-supported-sensors {
-        .lib-table-responsive(
-            @_reset-table-striped: true,
-            @_reset-table-hover: true
-        );
+        .lib-table-overflow();
     }
 }
 
@@ -54,7 +47,7 @@
 @media only screen and (max-width: @screen__m) {
     .product-gotomydevicesdotcom-comparison,
     .product-gotomydevicescom-comparison {
-        .lib-table-responsive();
+        .lib-table-overflow();
     }
 }
 
@@ -70,10 +63,7 @@
 
 @media only screen and (max-width: @screen__m) {
     .product-quick-info-external-sensors-supported {
-        .lib-table-responsive(
-            @_reset-table-striped: true,
-            @_reset-table-hover: true
-        );
+        .lib-table-overflow();
     }
 }
 
@@ -86,10 +76,7 @@
 
 @media only screen and (max-width: @screen__m) {
     .product-securityprobe-expansion {
-        .lib-table-responsive(
-            @_reset-table-striped: true,
-            @_reset-table-hover: true
-        );
+        .lib-table-overflow();
     }
 }
 
@@ -102,10 +89,7 @@
 
 @media only screen and (max-width: @screen__m) {
     .product-sensor-specification {
-        .lib-table-responsive(
-            @_reset-table-striped: true,
-            @_reset-table-hover: true
-        );
+        .lib-table-overflow();
     }
 }
 
@@ -118,10 +102,7 @@
 
 @media only screen and (max-width: @screen__m) {
     .product-model-variants {
-        .lib-table-responsive(
-            @_reset-table-striped: true,
-            @_reset-table-hover: true
-        );
+        .lib-table-overflow();
     }
 }
 
@@ -134,10 +115,7 @@
 
 @media only screen and (max-width: @screen__m) {
     .product-sensor-variants {
-        .lib-table-responsive(
-            @_reset-table-striped: true,
-            @_reset-table-hover: true
-        );
+        .lib-table-overflow();
     }
 }
 
@@ -150,10 +128,7 @@
 
 @media only screen and (max-width: @screen__m) {
     .brand-obsolete {
-        .lib-table-responsive(
-            @_reset-table-striped: true,
-            @_reset-table-hover: true
-        );
+        .lib-table-overflow();
     }
 }
 
@@ -166,10 +141,7 @@
 
 @media only screen and (max-width: @screen__m) {
     .product-comparison {
-        .lib-table-responsive(
-            @_reset-table-striped: true,
-            @_reset-table-hover: true
-        );
+        .lib-table-overflow();
     }
 }
 
@@ -182,10 +154,7 @@
 
 @media only screen and (max-width: @screen__m) {
     .product-sensor-comparison {
-        .lib-table-responsive(
-            @_reset-table-striped: true,
-            @_reset-table-hover: true
-        );
+        .lib-table-overflow();
     }
 }
 
@@ -198,10 +167,7 @@
 
 @media only screen and (max-width: @screen__m) {
     .snmp-details {
-        .lib-table-responsive(
-            @_reset-table-striped: true,
-            @_reset-table-hover: true
-        );
+        .lib-table-overflow();
     }
 }