doc: add logo inside the menubar (shiboken)

Ammends afa216bb3145009b819db643a44f47b20d5ccd2d
since it didn't consider the shiboken landing page.

Change-Id: Iec2ca36108c9ad281b8b450818fdaf7d60153366
Reviewed-by: Christian Tismer <tismer@stackless.com>
(cherry picked from commit e034d7f685212e6db15e0583aac8d054c543bc90)
Reviewed-by: Qt Cherry-pick Bot <cherrypick_bot@qt-project.org>

2 files changed, 50 insertions, 9 deletions

diff --git a/sources/shiboken6/doc/_templates/layout.html b/sources/shiboken6/doc/_templates/layout.html
index 2e2e9e892..630fb9533 100644
--- a/sources/shiboken6/doc/_templates/layout.html
+++ b/sources/shiboken6/doc/_templates/layout.html
@@ -1,29 +1,53 @@
 {% extends "!layout.html" %}
 
-# Invert sidebars
 {%- block sidebar1 %}{{ sidebar() }}{%- endblock %}
 {%- block sidebar2 %}{%- endblock %}
 
+{% block sidebarlogo %}
+<div class="logo">
+  <a href="http://www.pyside.org">
+    <img alt="PySide" src="{{ pathto('_static/pysidelogo.png', 1) }}"/>
+  </a>
+</div>
+{% endblock %}
+
 {%- block header %}
 <div id="container">
-<div class="header">
+  <div class="header">
     <div class="header_container">
-        <div class="logo"><a href="http://www.pyside.org"><img alt="PySide" src="{{ pathto('_static/pysidelogo.png', 1) }}"/></a></div>
-  {{ relbar() }}
+      <div class="related">
+        <ul>
+          {%- block rootrellink %}
+          <li><a href="{{ pathto( 'index' ) }}">{{ shorttitle|e }}</a></li>
+          {%- endblock %}
+          {%- for parent in parents %}
+          <li>{{ reldelim1 }} <a href="{{ parent.link|e }}" {% if loop.last %}{{ accesskey("U") }}{% endif %}>{{ parent.title }}</a></li>
+          {%- endfor %}
+          {%- block relbaritems %} {% endblock %}
+        </ul>
+      </div>
     </div>
-</div>
+  </div>
 {%- endblock -%}
 
+{%- block document %}
+  <div class="documentwrapper">
+    <div class="bodywrapper">
+      <div class="body" role="main">
+        {% block body %} {% endblock %}
+      </div>
+    </div>
+  </div>
+{% endblock %}
+
 {%- block footer %}
     <div class="footer">
     <a href="http://www.qt.io/"><img src="{{ pathto('_static/logo_qt.png', 1) }}" alt="Qt" border="0" /></a>
     <a href="http://www.python.org"><img src="{{ pathto('_static/logo_python.jpg', 1) }}" alt="Python" border="0" /></a>
+    <p>{{ copyright }}</p>
     </div>
 </div>
 {%- endblock %}
 
-# No top relbar.
 {%- block relbar1 %}{%- endblock %}
-
-# No bottom relbar.
 {%- block relbar2 %}{%- endblock %}
diff --git a/sources/shiboken6/doc/_themes/pysidedocs/static/pyside.css b/sources/shiboken6/doc/_themes/pysidedocs/static/pyside.css
index 506b61d15..48c078017 100644
--- a/sources/shiboken6/doc/_themes/pysidedocs/static/pyside.css
+++ b/sources/shiboken6/doc/_themes/pysidedocs/static/pyside.css
@@ -1206,7 +1206,7 @@ div.multi-column div {
 .sphinxsidebar {
   position: -webkit-sticky;
   position: sticky;
-  top: 64px;
+  top: 0px;
   width: 200px;
   overflow: scroll;
   overflow-x: hidden;
@@ -2176,3 +2176,20 @@ div.rightside {
   border-color: #41cd52 !important;
   font-weight: bold !important;
 }
+
+.card {
+  height: 250px;
+  text-align: center;
+}
+
+.card-img-top {
+  object-fit: cover;
+  width: 50px;
+  height: 120px;
+}
+
+.card-body {
+  vertical-align: middle;
+  padding: 5px !important;
+  text-align: center;
+}