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 d8909b7  fix: stroke in footer
d8909b7 is described below

commit d8909b7f24bc49f5f9e9f94ed2d2d3a9d42f5ddf
Author: Zoran Regvart <zregv...@apache.org>
AuthorDate: Wed Apr 1 16:22:30 2020 +0200

    fix: stroke in footer
    
    We forgot to add the stroke to the Antora built content and that the
    `<span>` element is not allowed within `<dl>` element. Anyways having a
    CSS only solution is better.
---
 antora-ui-camel/src/css/footer.css | 13 +++++++++----
 layouts/partials/footer.html       | 11 ++++-------
 2 files changed, 13 insertions(+), 11 deletions(-)

diff --git a/antora-ui-camel/src/css/footer.css 
b/antora-ui-camel/src/css/footer.css
index 3ff3db7..2ffd635 100644
--- a/antora-ui-camel/src/css/footer.css
+++ b/antora-ui-camel/src/css/footer.css
@@ -50,13 +50,18 @@ footer .footer dl {
 footer .footer dl dt {
   font-size: 1.25rem;
   font-weight: bold;
-  margin-bottom: 0.5rem;
+  margin-bottom: 1.5rem;
 }
 
-footer .footer .stroke {
-  display: inline-block;
-  border-bottom: 2px solid var(--footer-font-color);
+footer .footer dl dt::after {
+  content: "";
+  display: block;
+  position: relative;
+  bottom: 0;
+  left: 0;
+  height: 2px;
   width: 3rem;
+  background: var(--footer-font-color);
 }
 
 footer .footer dl dd {
diff --git a/layouts/partials/footer.html b/layouts/partials/footer.html
index e2df7bd..e8bb5bb 100644
--- a/layouts/partials/footer.html
+++ b/layouts/partials/footer.html
@@ -4,10 +4,9 @@
             <figure class="logo">
                 <img class="logo" src="/_/img/logo-d.svg" alt="Apache Camel 
Logo" aria-label="white silhouette of a camel in front of a sand dune">
             </figure>
-            
+
             <dl>
                 <dt>Overview</dt>
-                <span class="stroke"></span>
                 <dd><a href="/blog/">Blog</a></dd>
                 <dd><a href="/components/latest/">Components</a></dd>
                 <dd><a href="/download/">Download</a></dd>
@@ -17,7 +16,6 @@
 
             <dl>
                 <dt>Community</dt>
-                <span class="stroke"></span>
                 <dd><a href="/community/support/">Support</a></dd>
                 <dd><a 
href="/manual/latest/contributing.html">Contributing</a></dd>
                 <dd><a href="/community/user-stories/">User stories</a></dd>
@@ -25,10 +23,9 @@
                 <dd><a href="/community/books/">Books</a></dd>
                 <dd><a href="/community/team/">Team</a></dd>
             </dl>
-            
+
             <dl>
                 <dt>About</dt>
-                <span class="stroke"></span>
                 <dd><a href="/acknowledgments/">Acknowledgments</a></d>
                 <dd><a target="_blank" 
href="https://www.apache.org/events/current-event.html"; title="Apache 
Events">Apache Events</a></dd>
                 <dd><a target="_blank" href="https://www.apache.org/licenses/"; 
title="License">License</a></dd>
@@ -36,7 +33,7 @@
                 <dd><a target="_blank" 
href="https://www.apache.org/foundation/sponsorship.html"; 
title="Sponsorship">Sponsorship</a></dd>
                 <dd><a target="_blank" 
href="https://www.apache.org/foundation/thanks.html"; 
title="Thanks">Thanks</a></dd>
             </dl>
-            
+
             <p>
                 &copy; 2004-{{ now.Format "2006" }} The <a 
href="https://apache.org";>Apache Software Foundation</a>.<br>
                 Apache Camel, Camel, Apache, the Apache feather logo, and the 
Apache Camel project logo are trademarks of
@@ -46,7 +43,7 @@
                     <a href="https://netlify.com";>This site is powered by 
Netlify</a>
                 {{ end }}
             </p>
-    
+
         </div>
     </footer>
     <script src="{{ path.Join "_" (index .Site.Data "rev-manifest" 
"js/vendor/alogliasearch.js") | relURL }}"></script>

Reply via email to