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
The following commit(s) were added to refs/heads/ms12_conversion_of_md_files by
this push:
new 4dba41e9f2 changed fixed toc so its more beautiful
4dba41e9f2 is described below
commit 4dba41e9f206e4aa27f040756cae51f6b7862ab6
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;
}
