SONAR-10482 Fix broken background on the Issues page in a small window (#11)

5 files changed, 22 insertions, 0 deletions

diff --git a/server/sonar-web/src/main/js/apps/about/components/AboutApp.js b/server/sonar-web/src/main/js/apps/about/components/AboutApp.js
index fd2c1f92875..3a82128c095 100644
--- a/server/sonar-web/src/main/js/apps/about/components/AboutApp.js
+++ b/server/sonar-web/src/main/js/apps/about/components/AboutApp.js
@@ -78,6 +78,8 @@ class AboutApp extends React.PureComponent {
       this.loadData();
       // $FlowFixMe
       document.body.classList.add('white-page');
+      // $FlowFixMe
+      document.documentElement.classList.add('white-page');
     }
   }
 
@@ -85,6 +87,8 @@ class AboutApp extends React.PureComponent {
     this.mounted = false;
     // $FlowFixMe
     document.body.classList.remove('white-page');
+    // $FlowFixMe
+    document.documentElement.classList.remove('white-page');
   }
 
   loadProjects() {
diff --git a/server/sonar-web/src/main/js/apps/coding-rules/components/App.tsx b/server/sonar-web/src/main/js/apps/coding-rules/components/App.tsx
index eac010a98df..3dfece11301 100644
--- a/server/sonar-web/src/main/js/apps/coding-rules/components/App.tsx
+++ b/server/sonar-web/src/main/js/apps/coding-rules/components/App.tsx
@@ -101,7 +101,10 @@ export default class App extends React.PureComponent<Props, State> {
 
   componentDidMount() {
     this.mounted = true;
+    // $FlowFixMe
     document.body.classList.add('white-page');
+    // $FlowFixMe
+    document.documentElement.classList.add('white-page');
     const footer = document.getElementById('footer');
     if (footer) {
       footer.classList.add('page-footer-with-sidebar');
@@ -134,7 +137,10 @@ export default class App extends React.PureComponent<Props, State> {
 
   componentWillUnmount() {
     this.mounted = false;
+    // $FlowFixMe
     document.body.classList.remove('white-page');
+    // $FlowFixMe
+    document.documentElement.classList.remove('white-page');
     const footer = document.getElementById('footer');
     if (footer) {
       footer.classList.remove('page-footer-with-sidebar');
diff --git a/server/sonar-web/src/main/js/apps/component-measures/components/App.js b/server/sonar-web/src/main/js/apps/component-measures/components/App.js
index d357ff4c15a..b03d79fcaae 100644
--- a/server/sonar-web/src/main/js/apps/component-measures/components/App.js
+++ b/server/sonar-web/src/main/js/apps/component-measures/components/App.js
@@ -77,6 +77,8 @@ export default class App extends React.PureComponent {
     this.mounted = true;
     // $FlowFixMe
     document.body.classList.add('white-page');
+    // $FlowFixMe
+    document.documentElement.classList.add('white-page');
     this.props.fetchMetrics();
     this.fetchMeasures(this.props);
     key.setScope('measures-files');
@@ -100,6 +102,8 @@ export default class App extends React.PureComponent {
     this.mounted = false;
     // $FlowFixMe
     document.body.classList.remove('white-page');
+    // $FlowFixMe
+    document.documentElement.classList.remove('white-page');
     key.deleteScope('measures-files');
     const footer = document.getElementById('footer');
     if (footer) {
diff --git a/server/sonar-web/src/main/js/apps/issues/components/App.js b/server/sonar-web/src/main/js/apps/issues/components/App.js
index 1eb850bc266..5cffa7ca1a6 100644
--- a/server/sonar-web/src/main/js/apps/issues/components/App.js
+++ b/server/sonar-web/src/main/js/apps/issues/components/App.js
@@ -163,6 +163,8 @@ export default class App extends React.PureComponent {
 
     // $FlowFixMe
     document.body.classList.add('white-page');
+    // $FlowFixMe
+    document.documentElement.classList.add('white-page');
 
     const footer = document.getElementById('footer');
     if (footer) {
@@ -221,6 +223,8 @@ export default class App extends React.PureComponent {
 
     // $FlowFixMe
     document.body.classList.remove('white-page');
+    // $FlowFixMe
+    document.documentElement.classList.remove('white-page');
 
     const footer = document.getElementById('footer');
     if (footer) {
diff --git a/server/sonar-web/src/main/js/apps/quality-gates/components/QualityGatesApp.js b/server/sonar-web/src/main/js/apps/quality-gates/components/QualityGatesApp.js
index a454340b72a..81e1034c736 100644
--- a/server/sonar-web/src/main/js/apps/quality-gates/components/QualityGatesApp.js
+++ b/server/sonar-web/src/main/js/apps/quality-gates/components/QualityGatesApp.js
@@ -39,6 +39,8 @@ export default class QualityGatesApp extends Component {
     this.fetchQualityGates();
     // $FlowFixMe
     document.body.classList.add('white-page');
+    // $FlowFixMe
+    document.documentElement.classList.add('white-page');
     const footer = document.getElementById('footer');
     if (footer) {
       footer.classList.add('page-footer-with-sidebar');
@@ -48,6 +50,8 @@ export default class QualityGatesApp extends Component {
   componentWillUnmount() {
     // $FlowFixMe
     document.body.classList.remove('white-page');
+    // $FlowFixMe
+    document.documentElement.classList.remove('white-page');
     const footer = document.getElementById('footer');
     if (footer) {
       footer.classList.remove('page-footer-with-sidebar');