loleaflet/css/editor.css              |    2 +-
 loleaflet/css/leaflet.css             |    3 ++-
 loleaflet/css/loleaflet.css           |    8 +++++---
 loleaflet/css/menubar-mobile.css      |    2 +-
 loleaflet/css/menubar.css             |    2 +-
 loleaflet/css/mobilewizard.css        |    2 +-
 loleaflet/css/partsPreviewControl.css |    6 ++++--
 loleaflet/css/scrollBar.css           |    2 +-
 loleaflet/css/selectionMarkers.css    |    2 +-
 loleaflet/css/spreadsheet-mobile.css  |    3 ++-
 loleaflet/css/toolbar-mobile.css      |    2 +-
 loleaflet/css/vex.css                 |    2 +-
 12 files changed, 21 insertions(+), 15 deletions(-)

New commits:
commit 55d067bfee2eaa1629b1659bfb7dea0a0dc40bf5
Author:     Tamás Zolnai <tamas.zol...@collabora.com>
AuthorDate: Mon Feb 17 18:18:51 2020 +0100
Commit:     Tamás Zolnai <tamas.zol...@collabora.com>
CommitDate: Tue Feb 18 09:19:34 2020 +0100

    Revert "Mobile: change all media queries to:"
    
    This reverts commit ef48e44c0eb57a65e2cae1e307ad1ae46a9be411.

diff --git a/loleaflet/css/editor.css b/loleaflet/css/editor.css
index 2e1799ef8..bf534498e 100644
--- a/loleaflet/css/editor.css
+++ b/loleaflet/css/editor.css
@@ -19,7 +19,7 @@
        text-align: center;
        padding: 3px 5px;
 }
-@media screen (max-width: 900px) and (any-pointer: coarse) and (hover: none), 
(max-height: 900px) and (any-pointer: coarse) and (hover: none){
+@media (max-width: 767px), (max-device-height: 767px) {
        #editor-btn{
                max-width: 160px;
        }
diff --git a/loleaflet/css/leaflet.css b/loleaflet/css/leaflet.css
index 8326159c1..04ea07362 100644
--- a/loleaflet/css/leaflet.css
+++ b/loleaflet/css/leaflet.css
@@ -839,7 +839,8 @@ input.clipboard {
                display: none;
        }
 }
-@media screen (max-width: 900px) and (any-pointer: coarse) and (hover: none), 
(max-height: 900px) and (any-pointer: coarse)  and (hover: none){
+
+@media (max-width: 767px),(max-device-height: 767px) {
        .loleaflet-ruler {
                height: 0px;
                display: none;
diff --git a/loleaflet/css/loleaflet.css b/loleaflet/css/loleaflet.css
index 78db67b85..2eef29afe 100644
--- a/loleaflet/css/loleaflet.css
+++ b/loleaflet/css/loleaflet.css
@@ -212,7 +212,7 @@ body {
        .w2ui-tag .w2ui-tag-top{display:none !important;}
 }
 
-@media screen (max-width: 900px) and (any-pointer: coarse) and (hover: none), 
(max-height: 900px) and (any-pointer: coarse) and (hover: none){
+@media (max-width: 767px),(max-device-height: 767px) {
        /* Show slidesorter beyond 768px only */
        #presentation-controls-wrapper {
                top: initial;
@@ -287,7 +287,8 @@ body {
                display: block !important;
        }
 }
-@media screen (max-width: 900px) and (orientation: portrait) and (any-pointer: 
coarse) and (hover: none), (max-height: 900px) and (orientation: portrait)  and 
(any-pointer: coarse)  and (hover: none){
+
+@media (max-width: 767px) and (orientation: portrait),(max-device-height: 
767px) and (orientation: portrait) {
        #presentation-controls-wrapper {
                top: initial;
                left: initial;
@@ -318,7 +319,8 @@ body {
                bottom: 33px;
        }
 }
-@media screen (max-width: 900px) and (orientation: landscape) and 
(any-pointer: coarse) and (hover: none), (max-height: 900px) and (orientation: 
landscape)  and (any-pointer: coarse)  and (hover: none){
+
+@media (max-width: 767px) and (orientation: landscape),(max-device-height: 
767px) and (orientation: landscape)  {
        #document-container.parts-preview-document {
                left: 66px !important;
                bottom: 33px;
diff --git a/loleaflet/css/menubar-mobile.css b/loleaflet/css/menubar-mobile.css
index c917ba595..564eedc3e 100644
--- a/loleaflet/css/menubar-mobile.css
+++ b/loleaflet/css/menubar-mobile.css
@@ -1,4 +1,4 @@
-@media screen (max-width: 900px) and (any-pointer: coarse) and (hover: none), 
(max-height: 900px) and (any-pointer: coarse) and (hover: none){
+@media (max-width: 767px), (max-device-height: 767px) {
        .logo {
                background-size: 100px;
                max-width: 24px;
diff --git a/loleaflet/css/menubar.css b/loleaflet/css/menubar.css
index 696cf262b..3edf69d1c 100644
--- a/loleaflet/css/menubar.css
+++ b/loleaflet/css/menubar.css
@@ -256,7 +256,7 @@
        background-position: bottom;
 }
 
-@media screen (max-width: 900px) and (any-pointer: coarse) and (hover: none), 
(max-height: 900px) and (any-pointer: coarse) and (hover: none){
+@media (max-width: 767px),(max-device-height: 767px) {
     .document-logo {
         width: 35px;
         height: 38px;
diff --git a/loleaflet/css/mobilewizard.css b/loleaflet/css/mobilewizard.css
index 1cb1ab70c..d8ed93a71 100644
--- a/loleaflet/css/mobilewizard.css
+++ b/loleaflet/css/mobilewizard.css
@@ -1,4 +1,4 @@
-@media screen (max-width: 900px) and (any-pointer: coarse) and (hover: none), 
(max-height: 900px) and (any-pointer: coarse) and (hover: none){
+@media (max-width: 767px), (max-device-height: 767px){
        span.menu-entry-icon img {
                width: 24px !important;
                margin: 4px !important;
diff --git a/loleaflet/css/partsPreviewControl.css 
b/loleaflet/css/partsPreviewControl.css
index dd1e33dae..8a9d46d7a 100644
--- a/loleaflet/css/partsPreviewControl.css
+++ b/loleaflet/css/partsPreviewControl.css
@@ -32,7 +32,8 @@
        border: 2px solid #dfdfdf;
        margin-left: 20px;
        }
-@media screen (max-width: 900px) and (orientation: potrait) and (any-pointer: 
coarse) and (hover: none), (max-height: 900px) and (orientation: portrait)  and 
(any-pointer: coarse)  and (hover: none){
+
+@media (max-width: 767px) and (orientation: potrait),(max-device-height: 
767px) and (orientation: portrait) {
        #slide-sorter {
                max-height: 60px;
        }
@@ -49,7 +50,8 @@
                padding-right: 1em;
        }
 }
-@media screen (max-width: 900px) and (orientation: landscape) and 
(any-pointer: coarse) and (hover: none), (max-height: 900px) and (orientation: 
landscape)  and (any-pointer: coarse)  and (hover: none){
+
+@media (max-width: 767px) and (orientation: landscape),(max-device-height: 
767px) and (orientation: landscape) {
        #slide-sorter {
                max-width: 120px;
        }
diff --git a/loleaflet/css/scrollBar.css b/loleaflet/css/scrollBar.css
index f881dc589..9e8a062ed 100644
--- a/loleaflet/css/scrollBar.css
+++ b/loleaflet/css/scrollBar.css
@@ -11,7 +11,7 @@
        width: 100%;
        overflow: auto;
 }
-@media screen (max-width: 900px) and (any-pointer: coarse) and (hover: none), 
(max-height: 900px) and (any-pointer: coarse) and (hover: none){
+@media (max-width: 767px), (max-device-height: 767px) {
        .mCSB_scrollTools_vertical{
                width: 38px !important;
        }
diff --git a/loleaflet/css/selectionMarkers.css 
b/loleaflet/css/selectionMarkers.css
index c86394c53..a0dd4ccde 100644
--- a/loleaflet/css/selectionMarkers.css
+++ b/loleaflet/css/selectionMarkers.css
@@ -26,7 +26,7 @@
 #tb_formulabar_item_formula .inputbar_selection_handles{
        /*display: none;*/
 }
-@media screen (max-width: 900px) and (any-pointer: coarse) and (hover: none), 
(max-height: 900px) and (any-pointer: coarse) and (hover: none){
+@media (max-width: 767px), (max-device-height: 767px) and (pointer: coarse) {
        #tb_formulabar_item_formula, #tb_formulabar_item_address {
                height: 54px !important;
        }
diff --git a/loleaflet/css/spreadsheet-mobile.css 
b/loleaflet/css/spreadsheet-mobile.css
index 74aa982cd..c5af29197 100644
--- a/loleaflet/css/spreadsheet-mobile.css
+++ b/loleaflet/css/spreadsheet-mobile.css
@@ -1,4 +1,5 @@
-@media screen (max-width: 900px) and (any-pointer: coarse) and (hover: none), 
(max-height: 900px) and (any-pointer: coarse)  and (hover: none){
+@media (max-width: 767px), (max-device-height: 767px) {
+
        @-moz-document url-prefix() {
                #spreadsheet-row-column-frame.readonly {
                        top: 36px !important;
diff --git a/loleaflet/css/toolbar-mobile.css b/loleaflet/css/toolbar-mobile.css
index 210b23fef..b94857006 100644
--- a/loleaflet/css/toolbar-mobile.css
+++ b/loleaflet/css/toolbar-mobile.css
@@ -10,7 +10,7 @@
                top:-1px;
        }
 }
-@media screen (max-width: 900px) and (any-pointer: coarse) and (hover: none), 
(max-height: 900px) and (any-pointer: coarse)  and (hover: none){
+@media (max-width: 767px), (max-device-height: 767px) {
        .insertshape-grid {
                box-sizing: content-box;
                position: absolute;
diff --git a/loleaflet/css/vex.css b/loleaflet/css/vex.css
index 5c9f430f5..dc7a9d660 100644
--- a/loleaflet/css/vex.css
+++ b/loleaflet/css/vex.css
@@ -64,7 +64,7 @@
 }
 
 /*mobile*/
-@media screen (max-width: 900px) and (any-pointer: coarse) and (hover: none), 
(max-height: 900px) and (any-pointer: coarse)  and (hover: none){
+@media (max-width: 767px), (max-device-height: 767px) {
        .vex-open .loleaflet-user-idle {
                background: rgba(0, 0, 0, 0)!important;
                font-size: xx-large!important;
_______________________________________________
Libreoffice-commits mailing list
libreoffice-comm...@lists.freedesktop.org
https://lists.freedesktop.org/mailman/listinfo/libreoffice-commits

Reply via email to