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

grobmeier pushed a commit to branch ms12_conversion_of_md_files
in repository https://gitbox.apache.org/repos/asf/logging-log4j2.git

commit a4e9d9f2e97caef7b5408376ea3883897111fb8c
Author: Christian Grobmeier <[email protected]>
AuthorDate: Fri Mar 1 14:10:36 2024 +0100

    changed fixed toc so its more beautiful
---
 src/asciidoc/templates/document.html.erb  | 24 ++++++++++++------------
 src/site/resources/css/logging-custom.css | 25 +++++++++++++++----------
 2 files changed, 27 insertions(+), 22 deletions(-)

diff --git a/src/asciidoc/templates/document.html.erb 
b/src/asciidoc/templates/document.html.erb
index 21553f333c..0d462141e1 100644
--- a/src/asciidoc/templates/document.html.erb
+++ b/src/asciidoc/templates/document.html.erb
@@ -44,10 +44,19 @@
 
 </head>
 <body>
+<%
+  if (attr? :toc) && (attr? 'toc-placement', 'auto') %>
+  <div id="toc" class="toc2">
+    <div class="logo">
+      <img src="/images/logo.png" />
+    </div>
+    <div id="toctitle"><%= attr 'toc-title' %></div>
+    <%= converter.convert self, 'outline' %>
+  </div><%
+  end
+%>
+
 <div id="header">
-  <div class="logo">
-    <img src="/images/logo.png" />
-  </div>
   <nav class="main-menu">
     <ul>
       <li><a href="#">About</a></li>
@@ -86,15 +95,6 @@
   </nav>
 </div>
 
-<%
-  if (attr? :toc) && (attr? 'toc-placement', 'auto') %>
-  <div id="toc" class="toc2">
-    <div id="toctitle"><%= attr 'toc-title' %></div>
-    <%= converter.convert self, 'outline' %>
-  </div><%
-  end
-%>
-
 <div id="content">
     <h1><%= doctitle %></h1>
     <%= content %>
diff --git a/src/site/resources/css/logging-custom.css 
b/src/site/resources/css/logging-custom.css
index b5bd6de115..3003d5eb11 100644
--- a/src/site/resources/css/logging-custom.css
+++ b/src/site/resources/css/logging-custom.css
@@ -1,20 +1,14 @@
 #header {
     display: flex;
-    max-width: 100%;
     height: 10vh;
+    width: 80vw;
+    max-width: 100%;
+    margin-right:0;
     align-items: center;
     background-color: white;
     z-index: 10000;
 }
 
-#header .logo img {
-    max-height: 6vh;
-}
-
-#header .logo {
-    margin-right: 3em;
-}
-
 #header .main-menu {
     flex-grow: 1;
 }
@@ -128,8 +122,19 @@
     padding: 1em;
 }
 
+
+#toc .logo img {
+    max-height: 6vh;
+}
+
+#toc .logo {
+    margin-bottom: 2em;
+    text-align: center;
+}
+
 #toc.toc2 {
-    padding-top: 15vh;
+    padding-top: 2em;
+    width: 20vw;
     border-top: 1px solid #e7e7e9;
 }
 

Reply via email to