Change tables to use a scroll bar on mobile

openxtra · Jul 28, 2022 · 855d50b · 855d50b
1 parent 41f7b49
commit 855d50b
Showing 1 changed file with 12 additions and 46 deletions.
diff --git 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();
     }
 }