Jonas Kress (WMDE) has uploaded a new change for review.

  https://gerrit.wikimedia.org/r/273778

Change subject: Improve mobile view
......................................................................

Improve mobile view

Adds viewport meta-tag, floating nav buttons and changes position of the
example button.

Change-Id: I3af4e64d0445a6d5ab4a4721b69d2350608f69b0
---
M index.html
M style.css
2 files changed, 13 insertions(+), 5 deletions(-)


  git pull ssh://gerrit.wikimedia.org:29418/wikidata/query/gui 
refs/changes/78/273778/1

diff --git a/index.html b/index.html
index d6c865d..09e8598 100644
--- a/index.html
+++ b/index.html
@@ -11,6 +11,7 @@
 <link rel="stylesheet" href="style.css">
 
 <link rel="shortcut icon" 
href="//www.wikidata.org/static/favicon/testwikidata.ico">
+<meta name="viewport" content="width=device-width, initial-scale=1.0, 
user-scalable=yes">
 
 <title>Wikidata Query Service (Beta)</title>
 </head>
@@ -29,6 +30,11 @@
                                </div>
                                <div class="collapse navbar-collapse" 
id="header-navbar-collapse">
                                        <ul class="nav navbar-nav">
+                                               <li>
+                                                       <button type="button" 
class="btn btn-warning navbar-btn" data-toggle="modal" 
data-target="#QueryExamples">
+                                                               Examples
+                                                       </button>
+                                               </li>
                                                <li class="dropdown"><a 
class="dropdown-toggle" data-toggle="dropdown" role="button" 
aria-haspopup="true" aria-expanded="false">Prefixes<span 
class="caret"></span></a>
                                                        <ul 
class="dropdown-menu">
                                                                <li><div 
class="namespace-shortcuts"></div></li>
@@ -54,11 +60,6 @@
                                                                <li><a 
target="_blank" 
href="https://www.mediawiki.org/wiki/Wikibase/Indexing/RDF_Dump_Format";>RDF 
Data Model</a></li>
                                                                <li><a 
target="_blank" 
href="https://www.mediawiki.org/wiki/Wikibase/Indexing/RDF_Dump_Format#Full_list_of_prefixes";>List
 of prefixes</a></li>
                                                        </ul></li>
-                                               <li>
-                                                       <button type="button" 
class="btn btn-warning navbar-btn" data-toggle="modal" 
data-target="#QueryExamples">
-                                                               Examples
-                                                       </button>
-                                               </li>
                                        </ul>
                                </div>
                        </nav>
diff --git a/style.css b/style.css
index a7169a1..cc8d157 100644
--- a/style.css
+++ b/style.css
@@ -33,6 +33,10 @@
        border: none;
        background-color: inherit;
 }
+#query-result {
+       width:100vw;
+       overflow:auto;
+}
 
 .cm-s-default .cm-bracket {
        color: #000;
@@ -121,6 +125,9 @@
        margin-left: 15px;
 }
 
+.nav > li {
+       float: left;
+}
 /**
        Query example dialog
 **/

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

Gerrit-MessageType: newchange
Gerrit-Change-Id: I3af4e64d0445a6d5ab4a4721b69d2350608f69b0
Gerrit-PatchSet: 1
Gerrit-Project: wikidata/query/gui
Gerrit-Branch: master
Gerrit-Owner: Jonas Kress (WMDE) <jonas.kr...@wikimedia.de>

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

Reply via email to