[airflow-site] branch aip-11 updated: Show simple pager under blog post on mobile devices (#129)

[ka...@apache.org]

This is an automated email from the ASF dual-hosted git repository.

kamilbregula pushed a commit to branch aip-11
in repository https://gitbox.apache.org/repos/asf/airflow-site.git


The following commit(s) were added to refs/heads/aip-11 by this push:
     new cabd6c7  Show simple pager under blog post on mobile devices (#129)
cabd6c7 is described below

commit cabd6c74beea5053481bb6f34581a768faf8b45b
Author: Kamil Breguła <mi...@users.noreply.github.com>
AuthorDate: Wed Nov 6 12:48:40 2019 +0100

    Show simple pager under blog post on mobile devices (#129)
---
 landing-pages/site/assets/scss/_buttons.scss | 5 +++++
 landing-pages/site/layouts/blog/single.html  | 6 +++++-
 2 files changed, 10 insertions(+), 1 deletion(-)

diff --git a/landing-pages/site/assets/scss/_buttons.scss b/landing-pages/site/assets/scss/_buttons.scss
index 7d7d7c3..d9f0528 100644
--- a/landing-pages/site/assets/scss/_buttons.scss
+++ b/landing-pages/site/assets/scss/_buttons.scss
@@ -17,6 +17,7 @@
  * under the License.
  */
 @import "colors";
+@import "media";
 
 button {
   cursor: pointer;
@@ -97,4 +98,8 @@ button {
   &.with-box-shadow {
     box-shadow: 0 2px 6px 0 rgba(0, 0, 0, .12);
   }
+
+  @media (max-width: $mobile) {
+    padding: 4px 18px;
+  }
 }
diff --git a/landing-pages/site/layouts/blog/single.html b/landing-pages/site/layouts/blog/single.html
index 685e952..66b51d5 100644
--- a/landing-pages/site/layouts/blog/single.html
+++ b/landing-pages/site/layouts/blog/single.html
@@ -21,7 +21,11 @@
     <div class="blogpost-content">
         {{ .Render "content" }}
     </div>
-    <div class="no-width-restriction">
+
+    <div class="no-width-restriction desktop-only">
         {{ partial "blog-pager" . }}
     </div>
+    <div class="mobile-only">
+        {{ partial "pager.html" . }}
+    </div>
 {{ end }}