(logging-log4j2) branch ms12_conversion_of_md_files updated: dislabing toc for small screens

[grobmeier]

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 1f0ba3efcd dislabing toc for small screens
1f0ba3efcd is described below

commit 1f0ba3efcd2d1e075263e98abff69c1f1fd69a34
Author: Christian Grobmeier <c...@grobmeier.de>
AuthorDate: Mon Mar 4 20:06:26 2024 +0100

    dislabing toc for small screens
---
 src/site/resources/css/logging-custom.css | 12 +++++++++++-
 1 file changed, 11 insertions(+), 1 deletion(-)

diff --git a/src/site/resources/css/logging-custom.css 
b/src/site/resources/css/logging-custom.css
index d84e5466ec..616df058d8 100644
--- a/src/site/resources/css/logging-custom.css
+++ b/src/site/resources/css/logging-custom.css
@@ -97,6 +97,7 @@
 
 #footer .footer-blocks {
     display: flex;
+    flex-wrap: wrap;
     justify-content: center;
     background-color: #333333;
 }
@@ -132,7 +133,6 @@
     font-family: 'Open Sans', serif;
     font-size: 1em;
     color: white;
-    width: 80%;
     padding: 1em;
 }
 
@@ -211,6 +211,16 @@
 }
 
 
+@media screen and (max-width: 1100px) {
+    .table-of-content {
+        display: none;
+    }
+
+    #content {
+        width: 95vw;
+        max-width: 100%;
+    }
+}