[MediaWiki-commits] [Gerrit] wikidata...gui[master]: Make query.wikidata.org query part (upper part) responsive

[jenkins-bot (Code Review)]

jenkins-bot has submitted this change and it was merged. ( 
https://gerrit.wikimedia.org/r/403649 )

Change subject: Make query.wikidata.org query part (upper part) responsive
......................................................................


Make query.wikidata.org query part (upper part) responsive

Bug: T184718
Change-Id: I1ddf8e8ff4f379870d7bead8070813503af76f8e
---
M style.less
M wikibase/queryService/ui/App.js
2 files changed, 26 insertions(+), 12 deletions(-)

Approvals:
  Jonas Kress (WMDE): Looks good to me, approved
  jenkins-bot: Verified



diff --git a/style.less b/style.less
index 3221d9d..a743b1b 100644
--- a/style.less
+++ b/style.less
@@ -157,18 +157,6 @@
        margin-left: 0;
 }
 
-@media ( max-width: 900px ) {
-       .CodeMirror-scroll {
-               min-height: 150px;
-       }
-       .query-helper-and-editor {
-               flex-direction: column;
-       }
-       .query-helper-and-editor > .splitter {
-               display: none;
-       }
-}
-
 #query-box .toolbar {
        border-right: 1px solid #bce8f1;
 }
@@ -288,6 +276,9 @@
        }
        .navbar-collapse.in {
                overflow-y: visible;
+       }
+       .panel-body .table td {
+               display: inline-block;
        }
 }
 
@@ -638,3 +629,25 @@
        stroke: #fff;
        stroke-width: 1px;
 }
+
+@media ( max-width: 900px ) {
+       .CodeMirror-scroll {
+               min-height: 150px;
+       }
+
+       #query-box .query-helper {
+               width: 100%;
+               min-width: 0;
+               max-width: none;
+       }
+       #query-box .query-helper .panel {
+               margin: 0;
+       }
+
+       .query-helper-and-editor {
+               flex-direction: column;
+       }
+       .query-helper-and-editor > .splitter {
+               display: none;
+       }
+}
diff --git a/wikibase/queryService/ui/App.js b/wikibase/queryService/ui/App.js
index 68955e7..817f02e 100644
--- a/wikibase/queryService/ui/App.js
+++ b/wikibase/queryService/ui/App.js
@@ -180,6 +180,7 @@
                $( window ).on( 'resize', function() {
                        self._toggleLabelOnResize();
                        self._toggleBrandIconOnResize();
+                       self._updateQueryEditorSize();
                } );
        };
 

-- 
To view, visit https://gerrit.wikimedia.org/r/403649
To unsubscribe, visit https://gerrit.wikimedia.org/r/settings

Gerrit-MessageType: merged
Gerrit-Change-Id: I1ddf8e8ff4f379870d7bead8070813503af76f8e
Gerrit-PatchSet: 2
Gerrit-Project: wikidata/query/gui
Gerrit-Branch: master
Gerrit-Owner: Eflyjason <eflyja...@gmail.com>
Gerrit-Reviewer: Jonas Kress (WMDE) <jonas.kr...@wikimedia.de>
Gerrit-Reviewer: Smalyshev <smalys...@wikimedia.org>
Gerrit-Reviewer: jenkins-bot <>

_______________________________________________
MediaWiki-commits mailing list
MediaWiki-commits@lists.wikimedia.org
https://lists.wikimedia.org/mailman/listinfo/mediawiki-commits