Fix display for pages with long code snippets

diff --git a/server/sonar-web/src/main/js/apps/documentation/styles.css b/server/sonar-web/src/main/js/apps/documentation/styles.css
index 9d443ce281e8f258c01138d6f29f73fcf82952b5..7faf301a007f8d02699c27cc121cb6e658eb6c03 100644 (file)
--- a/server/sonar-web/src/main/js/apps/documentation/styles.css
+++ b/server/sonar-web/src/main/js/apps/documentation/styles.css
@@ -120,15 +120,18 @@
 
 .markdown.has-toc {
   display: flex;
-  padding-right: var(--gridSize);
 }
 
 .markdown.has-toc .markdown-content {
   flex-shrink: 1;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  overflow-x: auto;
 }
 
 .markdown-toc {
   flex: 0 0 240px;
+  margin-right: -40px;
 }
 
 .markdown-toc-content {