New Issues Page: improve rendering of source panel

6 files changed, 28 insertions, 9 deletions

diff --git a/sonar-server/src/main/webapp/WEB-INF/app/views/issues/templates/_issue.hbs.erb b/sonar-server/src/main/webapp/WEB-INF/app/views/issues/templates/_issue.hbs.erb
index 0cc63fe2f66..2e90fb16582 100644
--- a/sonar-server/src/main/webapp/WEB-INF/app/views/issues/templates/_issue.hbs.erb
+++ b/sonar-server/src/main/webapp/WEB-INF/app/views/issues/templates/_issue.hbs.erb
@@ -17,8 +17,8 @@
 
     <div class="line">
       {{#unless singleProject}}
-        <div class="subtitle">{{projectLongName}}</div>
+        <div class="subtitle line-nowrap">{{projectLongName}}</div>
       {{/unless}}
-      <div class="subtitle component">{{componentLongName}}</div>
+      <div class="subtitle line-nowrap">{{componentLongName}}</div>
     </div>
 </script>
diff --git a/sonar-server/src/main/webapp/WEB-INF/app/views/issues/templates/_issue_detail.hbs.erb b/sonar-server/src/main/webapp/WEB-INF/app/views/issues/templates/_issue_detail.hbs.erb
index 4d5263e9d46..d506db36cb1 100644
--- a/sonar-server/src/main/webapp/WEB-INF/app/views/issues/templates/_issue_detail.hbs.erb
+++ b/sonar-server/src/main/webapp/WEB-INF/app/views/issues/templates/_issue_detail.hbs.erb
@@ -2,6 +2,10 @@
   <div class="source_title">
     <div class="subtitle">{{projectLongName}}</div>
     <span class="h1">
+      {{#if componentQualifier}}
+        <img src="<%= ApplicationController.root_context -%>/images/q/{{componentQualifier}}.png" width="16" height="16" alt="">
+      {{/if}}
+
       {{#if componentLongName}}
         {{#if componentQualifier}}
           <a href="<%= ApplicationController.root_context -%>{{dashboardUrl component componentQualifier}}">{{componentLongName}}</a>
diff --git a/sonar-server/src/main/webapp/javascripts/navigator/issues.js b/sonar-server/src/main/webapp/javascripts/navigator/issues.js
index 54358aca1ae..859dee80cea 100644
--- a/sonar-server/src/main/webapp/javascripts/navigator/issues.js
+++ b/sonar-server/src/main/webapp/javascripts/navigator/issues.js
@@ -175,7 +175,7 @@ jQuery(function() {
             model: this.model
           });
 
-      jQuery('.navigator-details').addClass('navigator-fetching');
+      jQuery('.navigator-details').empty().addClass('navigator-fetching');
       if (this.model.get('line')) {
         jQuery.when(detailView.model.fetch()).done(function() {
           that.fetchSource(detailView, function() {
diff --git a/sonar-server/src/main/webapp/stylesheets/navigator.css b/sonar-server/src/main/webapp/stylesheets/navigator.css
index d57c487e2dc..47bbbfaea26 100644
--- a/sonar-server/src/main/webapp/stylesheets/navigator.css
+++ b/sonar-server/src/main/webapp/stylesheets/navigator.css
@@ -212,7 +212,7 @@
   text-align: center;
 }
 .navigator-details {
-  padding: 10px;
+  padding: 62px 10px 10px;
   background-color: #ffffff;
   overflow: auto;
 }
@@ -220,7 +220,12 @@
   background: #ffffff url("../images/loading.gif") no-repeat 4px 2px;
 }
 .navigator-details .source_title {
-  padding: 0 0 10px;
+  position: fixed;
+  top: 104px;
+  left: 320px;
+  right: 0;
+  border-bottom: 1px solid #e1e1e1;
+  background-color: #fff;
 }
 .navigator-details .code-issue-actions {
   font-size: 0;
diff --git a/sonar-server/src/main/webapp/stylesheets/navigator/base.css b/sonar-server/src/main/webapp/stylesheets/navigator/base.css
index abd78b59ff6..f2c40e4f558 100644
--- a/sonar-server/src/main/webapp/stylesheets/navigator/base.css
+++ b/sonar-server/src/main/webapp/stylesheets/navigator/base.css
@@ -212,7 +212,7 @@
   text-align: center;
 }
 .navigator-details {
-  padding: 10px;
+  padding: 62px 10px 10px;
   background-color: #ffffff;
   overflow: auto;
 }
@@ -220,7 +220,12 @@
   background: #ffffff url("../images/loading.gif") no-repeat 4px 2px;
 }
 .navigator-details .source_title {
-  padding: 0 0 10px;
+  position: fixed;
+  top: 104px;
+  left: 320px;
+  right: 0;
+  border-bottom: 1px solid #e1e1e1;
+  background-color: #fff;
 }
 .navigator-details .code-issue-actions {
   font-size: 0;
diff --git a/sonar-server/src/main/webapp/stylesheets/navigator/base.less b/sonar-server/src/main/webapp/stylesheets/navigator/base.less
index 3089076a1ac..3666efeb324 100644
--- a/sonar-server/src/main/webapp/stylesheets/navigator/base.less
+++ b/sonar-server/src/main/webapp/stylesheets/navigator/base.less
@@ -251,7 +251,7 @@
 
 // Details
 .navigator-details {
-  padding: @navigatorPadding;
+  padding: 62px @navigatorPadding @navigatorPadding;
   background-color: @white;
   overflow: auto;
 
@@ -260,7 +260,12 @@
   }
 
   .source_title {
-    padding: 0 0 10px;
+    position: fixed;
+    top: @navigatorTopOffset + @navigatorHeaderHeight + @navigatorFiltersHeight;
+    left: @navigatorResultsWidth;
+    right: 0;
+    border-bottom: 1px solid @navigatorBorderLightColor;
+    background-color: #fff;
   }
 
   .code-issue-actions {