Fix: rendering of empty product page link in header template (#94)

* fix: rendering of empty product page link in header template

* fix: apply same css to the new p-logo div

Author: tang-mm

canonical_sphinx/theme/static/header.css

@@ -69,6 +69,11 @@ ul.p-navigation__links li a {
   width: 100%;
 }
 
+ul.p-navigation__links li div.p-logo {
+  line-height: 1.5rem;
+  padding: 1rem 0;
+}
+
 ul.p-navigation__links .p-navigation__link {
   color: #ffffff;
   font-weight: 300;

canonical_sphinx/theme/templates/header.html

@@ -5,15 +5,25 @@
     <ul class="p-navigation__links" role="menu">
 
       <li>
+        {% if product_page %}
         <a class="p-logo" href="https://{{ product_page }}" aria-current="page">
           <img src="{{ pathto(product_tag,1) }}" alt="Logo" class="p-logo-image">
           <div class="p-logo-text p-heading--4">{{ project }}
           </div>
         </a>
+        {% else %}
+        <div class="p-logo">
+          <img src="{{ pathto(product_tag,1) }}" alt="Logo" class="p-logo-image">
+          <div class="p-logo-text p-heading--4">{{ project }}
+          </div>
+        </div>
+        {% endif %}
       </li>
 
       <li class="nav-ubuntu-com">
+        {% if product_page %}
         <a href="https://{{ product_page }}" class="p-navigation__link">{{ product_page }}</a>
+        {% endif %}
       </li>
 
       <li>