help3/xhpeditor/xhpeditor.css | 6 +++---
1 file changed, 3 insertions(+), 3 deletions(-)
New commits:
commit 234115339a76d9040e8cff10943d7e253b2898c7
Author: Olivier Hallot <olivier.hal...@libreoffice.org>
AuthorDate: Tue Feb 11 19:54:02 2020 -0300
Commit: Olivier Hallot <olivier.hal...@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.hal...@libreoffice.org>
Reviewed-by: Olivier Hallot <olivier.hal...@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;
_______________________________________________
Libreoffice-commits mailing list
libreoffice-comm...@lists.freedesktop.org
https://lists.freedesktop.org/mailman/listinfo/libreoffice-commits
