[camel-website] branch master updated: fixed issue for content wider than screen for pages

[zr...@apache.org]

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

zregvart pushed a commit to branch master
in repository https://gitbox.apache.org/repos/asf/camel-website.git


The following commit(s) were added to refs/heads/master by this push:
     new 0bfae0a  fixed issue for content wider than screen for pages
0bfae0a is described below

commit 0bfae0a94083970a43f9381a459c000f9c7b20a1
Author: jyotiattri <36...@users.noreply.github.com>
AuthorDate: Mon Mar 30 18:56:43 2020 +0530

    fixed issue for content wider than screen for pages
    
    * fixed issue for content wider than screen for pages
    
    * Improved css for content wider than screen and added new media query for mobile screens
    
    * Improved CSS with Used existing breakpoints
    
    * content wider than width issue fixed
    
    * changes is CSS
---
 antora-ui-camel/src/css/base.css    |  1 +
 antora-ui-camel/src/css/doc.css     | 18 ++++++++++++++++++
 antora-ui-camel/src/css/release.css |  1 +
 3 files changed, 20 insertions(+)

diff --git a/antora-ui-camel/src/css/base.css b/antora-ui-camel/src/css/base.css
index 56e1ade..255a448 100644
--- a/antora-ui-camel/src/css/base.css
+++ b/antora-ui-camel/src/css/base.css
@@ -48,6 +48,7 @@ kbd,
 pre {
   color: var(--code-font-color);
   font-family: var(--monospace-font-family);
+  overflow-wrap: break-word;
 }
 
 b,
diff --git a/antora-ui-camel/src/css/doc.css b/antora-ui-camel/src/css/doc.css
index 8bc134c..cc92d52 100644
--- a/antora-ui-camel/src/css/doc.css
+++ b/antora-ui-camel/src/css/doc.css
@@ -54,10 +54,12 @@
   margin-left: -1rem;
   margin-right: -1rem;
   padding: 0.4rem 1rem 0.1rem;
+  overflow-wrap: break-word;
 }
 
 .doc h3:not(.discrete) {
   font-weight: var(--alt-heading-font-weight);
+  overflow-wrap: break-word;
 }
 
 .doc h1 .anchor,
@@ -115,6 +117,7 @@
 .doc .tableblock td:not(:first-child) > p,
 .doc .tableblock thead {
   hyphens: auto;
+  overflow-wrap: break-word;
 }
 
 .doc a {
@@ -638,3 +641,18 @@ kbd,
 .stretch {
   width: 100%;
 }
+
+/* for mobile screens */
+@media screen and (max-width: 626px) {
+  #preamble + .sect1,
+  .doc .sect1 + .sect1 {
+    overflow-wrap: break-word;
+  }
+}
+
+@media screen and (max-width: 1023px) and (min-width: 480px) {
+  .doc > h1.page:first-child,
+  .static > h1:first-child {
+    font-size: inherit;
+  }
+}
diff --git a/antora-ui-camel/src/css/release.css b/antora-ui-camel/src/css/release.css
index 14b1909..9561a4e 100644
--- a/antora-ui-camel/src/css/release.css
+++ b/antora-ui-camel/src/css/release.css
@@ -1,6 +1,7 @@
 .release dl {
   display: grid;
   grid-template-columns: max-content auto;
+  overflow: scroll;
 }
 
 .release dt {