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