SONAR-7145 add an ability to drilldown by component

diff --git a/server/sonar-web/src/main/js/apps/code/components/Code.js b/server/sonar-web/src/main/js/apps/code/components/Code.js
index 4c5b278503354bf2d57c0a10286362fa25edd027..ff463ebf5d01cf23e5862206ca4fb2f2bcf031f5 100644 (file)
--- a/server/sonar-web/src/main/js/apps/code/components/Code.js
+++ b/server/sonar-web/src/main/js/apps/code/components/Code.js
@@ -49,9 +49,11 @@ class Code extends Component {
             <header className="page-header">
               <h1 className="page-title">{window.t('code.page')}</h1>
 
-              {fetching && (
-                  <i className="spinner"/>
-              )}
+              <div
+                  className="pull-left"
+                  style={{ visibility: fetching ? 'visible' : 'hidden' }}>
+                <i className="spinner"/>
+              </div>
 
               {shouldShowBreadcrumbs && (
                   <Breadcrumbs

diff --git a/server/sonar-web/src/main/less/pages/code.less b/server/sonar-web/src/main/less/pages/code.less
index ec86785ccc0da3a1d4c9f82a09c0f0190213315c..463998dab894240c49dc1138f7cb9c094c38e25a 100644 (file)
--- a/server/sonar-web/src/main/less/pages/code.less
+++ b/server/sonar-web/src/main/less/pages/code.less
@@ -6,13 +6,12 @@
 .code-breadcrumbs {
   display: flex;
   flex-wrap: wrap;
-  float: left;
-  margin-left: 10px;
-  padding-top: 5px;
+  padding-left: 10px;
+  overflow: hidden;
 }
 
 .code-breadcrumbs > li {
-  padding: 0 5px;
+  padding: 5px 5px 3px;
 }
 
 .code-breadcrumbs > li::after {