You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@shiro.apache.org by bm...@apache.org on 2021/09/05 19:06:16 UTC
[shiro-site] 03/03: [Bootstrap5] Fix footer alignment of items by
using 4 cols
This is an automated email from the ASF dual-hosted git repository.
bmarwell pushed a commit to branch jbake
in repository https://gitbox.apache.org/repos/asf/shiro-site.git
commit 7177acebd5921415da8231e37b731742b491e978
Author: Benjamin Marwell <bm...@apache.org>
AuthorDate: Sun Sep 5 21:06:57 2021 +0200
[Bootstrap5] Fix footer alignment of items by using 4 cols
- show shiro shield on smaller screens
---
jbake/assets/css/base.css | 4 ++--
jbake/templates/footer.ftl | 9 ++++++---
2 files changed, 8 insertions(+), 5 deletions(-)
diff --git a/jbake/assets/css/base.css b/jbake/assets/css/base.css
index 0aff581..42f5bbe 100644
--- a/jbake/assets/css/base.css
+++ b/jbake/assets/css/base.css
@@ -82,12 +82,12 @@ body {
margin-left: 50px;
}
-@media screen and (min-width: 1024px) {
+@media screen and (min-width: 768px) {
.footer-shield {
position: absolute;
width: 103px;
height: 113px;
- right: 80px;
+ right: 40px;
top: -80px;
background:url('/img/footer-shield.png') no-repeat;
}
diff --git a/jbake/templates/footer.ftl b/jbake/templates/footer.ftl
index 5f65adb..a3adaae 100644
--- a/jbake/templates/footer.ftl
+++ b/jbake/templates/footer.ftl
@@ -9,7 +9,7 @@
<div class=" col-md-5">
<div class="copyright-footer d-flex flex-wrap justify-content-start">
<a href="https://www.apache.org/foundation/contributing.html">Donate to the ASF</a> |
- <a href="https://www.apache.org/licenses/LICENSE-2.0.html">License</a>
+ <a href="https://www.apache.org/licenses/LICENSE-2.0.html">License</a>
<p class="text-muted">Copyright © 2008-${.now?string('yyyy')} The Apache Software Foundation</p>
</div>
</div>
@@ -20,10 +20,13 @@
<a class="btn btn-social"><span class="social-icon social-linkedin"><i class="bi bi-linkedin"></i></span></a>
</div>
- <ul class="d-flex justify-content-end col-md-5" style="position: relative" id="editThisPage">
+ <div class="d-flex justify-content-end col-md-4" id="editThisPage">
<#if (content.file)??><input type="hidden" id="ghEditPage" value="${content.file}"></input></#if>
+ </div>
+
+ <div class="d-flex col-md-2 justify-content-end" style="position: relative">
<div class="footer-shield"></div>
- </ul>
+ </div>
</footer>
</div>