You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@pdfbox.apache.org by ms...@apache.org on 2015/11/06 17:38:57 UTC
pdfbox-docs git commit: PDFBOX-3040: enhance view on mobile
Repository: pdfbox-docs
Updated Branches:
refs/heads/master 6a5f1c430 -> a260ad423
PDFBOX-3040: enhance view on mobile
Project: http://git-wip-us.apache.org/repos/asf/pdfbox-docs/repo
Commit: http://git-wip-us.apache.org/repos/asf/pdfbox-docs/commit/a260ad42
Tree: http://git-wip-us.apache.org/repos/asf/pdfbox-docs/tree/a260ad42
Diff: http://git-wip-us.apache.org/repos/asf/pdfbox-docs/diff/a260ad42
Branch: refs/heads/master
Commit: a260ad42340e9a8b4e3868736edd21596f3b66b5
Parents: 6a5f1c4
Author: Maruan Sahyoun <sa...@fileaffairs.de>
Authored: Fri Nov 6 17:37:15 2015 +0100
Committer: Maruan Sahyoun <sa...@fileaffairs.de>
Committed: Fri Nov 6 17:37:15 2015 +0100
----------------------------------------------------------------------
content/_layouts/default.html | 80 ++++++++++++++++++++++----------------
content/css/site.css | 47 ++++++++++++++++++++++
2 files changed, 93 insertions(+), 34 deletions(-)
----------------------------------------------------------------------
http://git-wip-us.apache.org/repos/asf/pdfbox-docs/blob/a260ad42/content/_layouts/default.html
----------------------------------------------------------------------
diff --git a/content/_layouts/default.html b/content/_layouts/default.html
index 11821ec..5412e08 100644
--- a/content/_layouts/default.html
+++ b/content/_layouts/default.html
@@ -44,38 +44,7 @@
{% if headers.notice %}
<!-- {{ headers.notice }} -->
{% endif %}
-
- <!-- Twitter Bootstrap and jQuery after this line. -->
- <script src="//code.jquery.com/jquery-latest.js"></script>
- <script src="/bootstrap/js/bootstrap.min.js"></script>
- <script type="text/javascript">
- $(function() {
- // collapse tree nodes dynamically to support noscript
- $('.sidebar-node').addClass('collapsed');
-
- // toggle expand/collapse
- $('.sidebar-node > a').click(function(e) {
- $(this).parent().toggleClass('collapsed');
- e.preventDefault();
- });
-
- // preserve expand/collapse across page navigation
- var path = document.location.pathname;
- if (path.indexOf('/2.0') == 0) {
- $('#v2-0').removeClass('collapsed');
- if (path.indexOf('/2.0/cookbook') == 0) {
- $('#v2-0-cookbook').removeClass('collapsed');
- }
- } else {
- $('#v1-8').removeClass('collapsed');
- if (path.indexOf('/1.8/cookbook') == 0) {
- $('#v1-8-cookbook').removeClass('collapsed');
- }
- }
-
- });
- </script>
</head>
<body>
@@ -85,14 +54,17 @@
<a href="/index.html">
<img class="logo" src="/images/logo-head.gif">
</a>
+ <p class="pull-right visible-xs">
+ <button type="button" class="btn btn-primary btn-sm" data-toggle="offcanvas">Menu</button>
+ </p>
</div>
</div>
</nav>
<div class="container">
- <div class="row">
- <div class="col-xs-3">
+ <div class="row row-offcanvas row-offcanvas-left">
+ <div class="col-xs-6 col-sm-3 sidebar-offcanvas" id="sidebar">
<ul class="sidebar">
<li class="sidebar-header">Apache PDFBox</li>
@@ -163,7 +135,7 @@
<li><a href="http://www.apache.org/security/">Security</a></li>
</ul>
</div>
- <div class="col-xs-9">
+ <div class="col-xs-12 col-sm-9">
{{ content }}
</div>
</div>
@@ -182,6 +154,46 @@
</div>
</div>
</footer>
+
+ <!-- Twitter Bootstrap and jQuery after this line. -->
+ <script src="//code.jquery.com/jquery-latest.js"></script>
+ <script src="/bootstrap/js/bootstrap.min.js"></script>
+ <script type="text/javascript">
+
+ $(document).ready(function () {
+ $('[data-toggle="offcanvas"]').click(function () {
+ $('.row-offcanvas').toggleClass('active')
+ });
+ });
+
+ $(function() {
+ // collapse tree nodes dynamically to support noscript
+ $('.sidebar-node').addClass('collapsed');
+
+
+ // toggle expand/collapse
+ $('.sidebar-node > a').click(function(e) {
+ $(this).parent().toggleClass('collapsed');
+ e.preventDefault();
+ });
+
+ // preserve expand/collapse across page navigation
+ var path = document.location.pathname;
+ if (path.indexOf('/2.0') == 0) {
+ $('#v2-0').removeClass('collapsed');
+ if (path.indexOf('/2.0/cookbook') == 0) {
+ $('#v2-0-cookbook').removeClass('collapsed');
+ }
+ } else {
+ $('#v1-8').removeClass('collapsed');
+ if (path.indexOf('/1.8/cookbook') == 0) {
+ $('#v1-8-cookbook').removeClass('collapsed');
+ }
+ }
+
+ });
+ </script>
+
</body>
</html>
http://git-wip-us.apache.org/repos/asf/pdfbox-docs/blob/a260ad42/content/css/site.css
----------------------------------------------------------------------
diff --git a/content/css/site.css b/content/css/site.css
index a6c4a26..4f29e6e 100644
--- a/content/css/site.css
+++ b/content/css/site.css
@@ -153,3 +153,50 @@ table tr:nth-child(even) td, table tr.even td {
.sidebar-node.collapsed > a::before {
content: '\e036';
}
+
+
+/*
+ * Off Canvas
+ * --------------------------------------------------
+ */
+@media screen and (max-width: 767px) {
+ .row-offcanvas {
+ position: relative;
+ -webkit-transition: all .25s ease-out;
+ -o-transition: all .25s ease-out;
+ transition: all .25s ease-out;
+ }
+
+ .row-offcanvas-right {
+ right: 0;
+ }
+
+ .row-offcanvas-left {
+ left: 0;
+ }
+
+ .row-offcanvas-right
+ .sidebar-offcanvas {
+ right: -50%; /* 6 columns */
+ }
+
+ .row-offcanvas-left
+ .sidebar-offcanvas {
+ left: -50%; /* 6 columns */
+ }
+
+ .row-offcanvas-right.active {
+ right: 50%; /* 6 columns */
+ }
+
+ .row-offcanvas-left.active {
+ left: 50%; /* 6 columns */
+ margin-left: 0.5em;
+ }
+
+ .sidebar-offcanvas {
+ position: absolute;
+ top: 0;
+ width: 50%; /* 6 columns */
+ }
+}