SONAR-10612 Fix footer of documentation page

2 files changed, 15 insertions, 0 deletions

diff --git a/server/sonar-web/src/main/js/apps/documentation/components/App.tsx b/server/sonar-web/src/main/js/apps/documentation/components/App.tsx
index 50f5672de0e..fc84c6d4c43 100644
--- a/server/sonar-web/src/main/js/apps/documentation/components/App.tsx
+++ b/server/sonar-web/src/main/js/apps/documentation/components/App.tsx
@@ -48,6 +48,11 @@ export default class App extends React.PureComponent<Props, State> {
   componentDidMount() {
     this.mounted = true;
     this.fetchContent(this.props.params.splat || 'index');
+
+    const footer = document.getElementById('footer');
+    if (footer) {
+      footer.classList.add('page-footer-with-sidebar', 'documentation-footer');
+    }
   }
 
   componentWillReceiveProps(nextProps: Props) {
@@ -60,6 +65,11 @@ export default class App extends React.PureComponent<Props, State> {
 
   componentWillUnmount() {
     this.mounted = false;
+
+    const footer = document.getElementById('footer');
+    if (footer) {
+      footer.classList.remove('page-footer-with-sidebar', 'documentation-footer');
+    }
   }
 
   fetchContent = (path: string) => {
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 089f3e36189..3b0071d3f25 100644
--- a/server/sonar-web/src/main/js/apps/documentation/styles.css
+++ b/server/sonar-web/src/main/js/apps/documentation/styles.css
@@ -25,3 +25,8 @@
   margin-bottom: calc(4 * var(--gridSize));
   font-size: 20px;
 }
+
+.documentation-footer div,
+.documentation-footer .page-footer-menu {
+  max-width: 740px;
+}