Fix style regression on projects facets (leak)

diff --git a/server/sonar-web/src/main/js/apps/projects/filters/Filter.js b/server/sonar-web/src/main/js/apps/projects/filters/Filter.js
index d39cd7ee2d215c583ef49b34f7697784e59a5e17..0e8646e5242e05be7c5983c10efbd07e56521f51 100644 (file)
--- a/server/sonar-web/src/main/js/apps/projects/filters/Filter.js
+++ b/server/sonar-web/src/main/js/apps/projects/filters/Filter.js
@@ -147,7 +147,7 @@ export default class Filter extends React.PureComponent {
         const insideHighlight = options.slice(highlightUnder, max);
         const afterHighlight = options.slice(max);
         return (
-          <div className="search-navigator-facet-list">
+          <div className="search-navigator-facet-list projects-facet-list">
             {beforeHighlight.map(option => this.renderOption(option))}
             <div className="search-navigator-facet-highlight-under-container">
               {insideHighlight.map(option => this.renderOption(option))}
@@ -157,7 +157,7 @@ export default class Filter extends React.PureComponent {
         );
       } else {
         return (
-          <div className="search-navigator-facet-list">
+          <div className="search-navigator-facet-list projects-facet-list">
             {options.map(option => this.renderOption(option))}
           </div>
         );

diff --git a/server/sonar-web/src/main/js/apps/projects/filters/__tests__/__snapshots__/LanguagesFilter-test.js.snap b/server/sonar-web/src/main/js/apps/projects/filters/__tests__/__snapshots__/LanguagesFilter-test.js.snap
index fdfa7f616bfbd031053f9391b8a62970115f1a87..78b7575ab4ef8b42059d2dcdbece9b18f7907c37 100644 (file)
--- a/server/sonar-web/src/main/js/apps/projects/filters/__tests__/__snapshots__/LanguagesFilter-test.js.snap
+++ b/server/sonar-web/src/main/js/apps/projects/filters/__tests__/__snapshots__/LanguagesFilter-test.js.snap
@@ -195,7 +195,7 @@ exports[`should render the languages facet with the selected languages 2`] = `
     name="projects.facets.languages"
   />
   <div
-    className="search-navigator-facet-list"
+    className="search-navigator-facet-list projects-facet-list"
   >
     <Link
       className="facet search-navigator-facet projects-facet active"

diff --git a/server/sonar-web/src/main/js/apps/projects/filters/__tests__/__snapshots__/TagsFilter-test.js.snap b/server/sonar-web/src/main/js/apps/projects/filters/__tests__/__snapshots__/TagsFilter-test.js.snap
index 94e9405e998e2c1cb31fea3acabfb6cd7a97f977..c184c5e901aae2a5baef9350b7d850873a535723 100644 (file)
--- a/server/sonar-web/src/main/js/apps/projects/filters/__tests__/__snapshots__/TagsFilter-test.js.snap
+++ b/server/sonar-web/src/main/js/apps/projects/filters/__tests__/__snapshots__/TagsFilter-test.js.snap
@@ -186,7 +186,7 @@ exports[`should render the tags facet with the selected tags 2`] = `
     name="projects.facets.tags"
   />
   <div
-    className="search-navigator-facet-list"
+    className="search-navigator-facet-list projects-facet-list"
   >
     <Link
       className="facet search-navigator-facet projects-facet active"

diff --git a/server/sonar-web/src/main/js/apps/projects/styles.css b/server/sonar-web/src/main/js/apps/projects/styles.css
index dd0ef5e696d721fdbe408ce9a773dac3abe2a3cc..bcb611740c6d22a058b4a279d24d5a696c71693c 100644 (file)
--- a/server/sonar-web/src/main/js/apps/projects/styles.css
+++ b/server/sonar-web/src/main/js/apps/projects/styles.css
@@ -187,11 +187,15 @@
 }
 
 .projects-facet-header {
-  padding-top: 10px;
-  padding-bottom: 10px;
+  padding: 10px;
   transition: none;
 }
 
+.projects-facet-list {
+  padding-left: 10px;
+  padding-right: 10px;
+}
+
 .projects-facet-sort {
   float: right;
   font-weight: normal;