xhpeditor: adjust display for small screens

Block stacks when display size is smaller than 800px

Change-Id: Iad66b3f1e7215c07490d01fe69eb3a4884db8f58
Reviewed-on: https://gerrit.libreoffice.org/c/dev-tools/+/88482
Tested-by: Olivier Hallot <olivier.hallot@libreoffice.org>
Reviewed-by: Olivier Hallot <olivier.hallot@libreoffice.org>

1 files changed, 3 insertions, 3 deletions

diff --git a/help3/xhpeditor/xhpeditor.css b/help3/xhpeditor/xhpeditor.css
index 0141d025..4efc9978 100644
--- a/help3/xhpeditor/xhpeditor.css
+++ b/help3/xhpeditor/xhpeditor.css
@@ -136,10 +136,10 @@
 }
 /* Use @supports to sneak these rules past IE */
 @supports (grid-area: auto) {
-    @media screen and (min-width: 960px) {
+    @media screen and (max-width: 800px) {
         body {
             display: grid;
-            grid-template-columns: 50vw;
+            grid-template-columns: 100vw;
             grid-template-rows: minmax(10vh, auto) 90vh minmax(10vh, auto) 90vh;
             grid-template-areas: "editorpageheader"
                                  "editortextarea" 
@@ -147,7 +147,7 @@
                                  "renderedpage";
         }
     }
-    @media screen and (min-width: 1440px) {
+    @media screen and (min-width: 800px) {
         body {
             overflow:hidden;
             display: grid;