[camel-website] branch master updated: CAMEL-14732: Position footer to be fixed on the bottom of the screen

[zr...@apache.org]

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

zregvart pushed a commit to branch master
in repository https://gitbox.apache.org/repos/asf/camel-website.git


The following commit(s) were added to refs/heads/master by this push:
     new 1259ec6  CAMEL-14732: Position footer to be fixed on the bottom of the screen
1259ec6 is described below

commit 1259ec69dc5d6304307a809dc6f8250114beb00f
Author: AemieJ <ae...@hotmail.co.uk>
AuthorDate: Tue Mar 24 21:14:59 2020 +0530

    CAMEL-14732: Position footer to be fixed on the bottom of the screen
---
 antora-ui-camel/src/css/base.css   |  2 ++
 antora-ui-camel/src/css/body.css   |  1 +
 antora-ui-camel/src/css/footer.css | 13 +++++++++++++
 3 files changed, 16 insertions(+)

diff --git a/antora-ui-camel/src/css/base.css b/antora-ui-camel/src/css/base.css
index c7789f7..56e1ade 100644
--- a/antora-ui-camel/src/css/base.css
+++ b/antora-ui-camel/src/css/base.css
@@ -1,6 +1,8 @@
 html,
 body {
   height: 100%;
+  display: flex;
+  flex-direction: column;
 }
 
 *,
diff --git a/antora-ui-camel/src/css/body.css b/antora-ui-camel/src/css/body.css
index 1d4db3d..8901ef7 100644
--- a/antora-ui-camel/src/css/body.css
+++ b/antora-ui-camel/src/css/body.css
@@ -1,5 +1,6 @@
 @media screen and (min-width: 1024px) {
   .body {
     display: flex;
+    flex: auto;
   }
 }
diff --git a/antora-ui-camel/src/css/footer.css b/antora-ui-camel/src/css/footer.css
index f7b3919..e63ba22 100644
--- a/antora-ui-camel/src/css/footer.css
+++ b/antora-ui-camel/src/css/footer.css
@@ -6,6 +6,7 @@ footer {
   font-size: calc(15 / var(--rem-base) * 1rem);
   line-height: var(--footer-line-height);
   padding: 1.5rem;
+  flex-shrink: 0;
 }
 
 footer .footer {
@@ -66,6 +67,18 @@ footer .footer dl dd {
   max-width: var(--static-max-width--desktop);
   margin: auto;
   text-align: right;
+  flex: initial;
+  margin-left: 80%;
+}
+
+@media screen and (max-width: 640px) {
+  .edit {
+    max-width: var(--static-max-width--desktop);
+    margin: auto;
+    text-align: right;
+    flex: initial;
+    margin-right: 0;
+  }
 }
 
 .edit a {