[Libreoffice-commits] dev-tools.git: help3/xhpeditor

[Olivier Hallot (via logerrit)]

 help3/xhpeditor/xhpeditor.css |    6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

New commits:
commit 234115339a76d9040e8cff10943d7e253b2898c7
Author:     Olivier Hallot <olivier.hallot at libreoffice.org>
AuthorDate: Tue Feb 11 19:54:02 2020 -0300
Commit:     Olivier Hallot <olivier.hallot at libreoffice.org>
CommitDate: Tue Feb 11 23:57:11 2020 +0100

    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 at libreoffice.org>
    Reviewed-by: Olivier Hallot <olivier.hallot at libreoffice.org>

diff --git a/help3/xhpeditor/xhpeditor.css b/help3/xhpeditor/xhpeditor.css
index 0141d02..4efc997 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;