jenkins-bot has submitted this change and it was merged.
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, 49 insertions(+), 5 deletions(-)
Approvals:
Aude: Looks good to me, approved
jenkins-bot: Verified
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..3856a9e 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;
@@ -75,6 +79,7 @@
top: 10px;
right: 10px;
font-size: 25px;
+ background: rgba(255,255,255,0.5);
}
/**
@@ -121,6 +126,44 @@
margin-left: 15px;
}
+.nav > li {
+ float: left;
+}
+/* change navbar breakpoint */
+@media (max-width: 950px) {
+ .navbar-header {
+ float: none;
+ }
+ .navbar-toggle {
+ display: block;
+ }
+ .navbar-collapse {
+ border-top: 1px solid transparent;
+ box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
+ }
+ .navbar-collapse.collapse {
+ display: none!important;
+ }
+ .navbar-nav {
+ float: none!important;
+ margin: 7.5px -15px;
+ }
+ .navbar-nav>li>a {
+ padding-top: 10px;
+ padding-bottom: 10px;
+ }
+ .navbar-text {
+ float: left;
+ margin: 15px 0;
+ }
+ .navbar-collapse.collapse.in {
+ display: block!important;
+ }
+ .collapsing {
+ overflow: hidden!important;
+ }
+}
+
/**
Query example dialog
**/
--
To view, visit https://gerrit.wikimedia.org/r/273778
To unsubscribe, visit https://gerrit.wikimedia.org/r/settings
Gerrit-MessageType: merged
Gerrit-Change-Id: I3af4e64d0445a6d5ab4a4721b69d2350608f69b0
Gerrit-PatchSet: 4
Gerrit-Project: wikidata/query/gui
Gerrit-Branch: master
Gerrit-Owner: Jonas Kress (WMDE) <jonas.kr...@wikimedia.de>
Gerrit-Reviewer: Aude <aude.w...@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
