From 5a5ebdaac69666c72a7afba18e9ecd12b50b8660 Mon Sep 17 00:00:00 2001 From: ivanhercaz Date: Sun, 11 Mar 2018 16:45:45 +0000 Subject: [PATCH 1/2] double column when it is a in devices with 480px or less --- stragula.less | 9 +++++++++ 1 file changed, 9 insertions(+) diff --git a/stragula.less b/stragula.less index 01e7c76..23cc613 100644 --- a/stragula.less +++ b/stragula.less @@ -719,6 +719,15 @@ table.smworgtable-v2-toc { -moz-column-rule: 1px solid lightblue; column-rule: 1px solid lightblue; } + +@media query screen (max-width: 480px) { + .user-manual { + -webkit-column-count: 2; + -moz-column-count: 2; + column-count: 2; + } +} + .admin-manual { -webkit-column-count: 2; -moz-column-count: 2; From 1e991e70492888c844f9181b59e327a1ebb51cec Mon Sep 17 00:00:00 2001 From: Karsten Hoffmeyer Date: Sat, 17 Mar 2018 12:37:54 +0100 Subject: [PATCH 2/2] Update stragula.less It does not work without important as reality has it. --- stragula.less | 8 ++++---- 1 file changed, 4 insertions(+), 4 deletions(-) diff --git a/stragula.less b/stragula.less index 23cc613..3e37305 100644 --- a/stragula.less +++ b/stragula.less @@ -720,11 +720,11 @@ table.smworgtable-v2-toc { column-rule: 1px solid lightblue; } -@media query screen (max-width: 480px) { +@media only screen and (max-width: 480px) { .user-manual { - -webkit-column-count: 2; - -moz-column-count: 2; - column-count: 2; + -webkit-column-count: 2 !important; + -moz-column-count: 2 !important; + column-count: 2 !important; } }