fix issue box overlapping

diff --git a/server/sonar-web/src/main/hbs/issue/issue.hbs b/server/sonar-web/src/main/hbs/issue/issue.hbs
index 2eedfcdcc5220aacdefac106883fbac1e9e75a32..922130e53dcc7af6dbd2780b0010604094b708e6 100644 (file)
--- a/server/sonar-web/src/main/hbs/issue/issue.hbs
+++ b/server/sonar-web/src/main/hbs/issue/issue.hbs
@@ -1,146 +1,150 @@
-<table class="issue-table">
-  <tr>
-    <td>
-      <div class="issue-message">{{message}} <a class="issue-rule js-issue-rule">{{t 'rule'}}</a></div>
-    </td>
-
-    <td class="issue-table-meta-cell">
-      <div class="issue-meta-list">
-        {{#if debt}}
+<div class="issue-inner">
+
+  <table class="issue-table">
+    <tr>
+      <td>
+        <div class="issue-message">{{message}}{{message}} <a class="issue-rule js-issue-rule">{{t 'rule'}}</a></div>
+      </td>
+
+      <td class="issue-table-meta-cell">
+        <div class="issue-meta-list">
+          {{#if debt}}
+            <div class="issue-meta">
+              <span class="issue-meta-label">{{t 'issue.debt'}} {{debt}}</span>
+            </div>
+          {{/if}}
+
           <div class="issue-meta">
-            <span class="issue-meta-label">{{t 'issue.debt'}} {{debt}}</span>
+            <a class="issue-action issue-action-with-options js-issue-show-changelog" title="{{dt creationDate}}">
+              <span class="issue-meta-label">{{fromNow creationDate}}</span>&nbsp;<i class="icon-dropdown"></i>
+            </a>
           </div>
-        {{/if}}
 
-        <div class="issue-meta">
-          <a class="issue-action issue-action-with-options js-issue-show-changelog" title="{{dt creationDate}}">
-            <span class="issue-meta-label">{{fromNow creationDate}}</span>&nbsp;<i class="icon-dropdown"></i>
-          </a>
+          {{#if line}}
+            <div class="issue-meta">
+              <span class="issue-meta-label" title="{{t 'line_number'}}">L{{line}}</span>
+            </div>
+          {{/if}}
+
+          <div class="issue-meta">
+            <a class="issue-action js-issue-permalink icon-link" href="{{permalink}}" target="_blank"></a>
+          </div>
         </div>
+      </td>
+    </tr>
+  </table>
 
-        {{#if line}}
+  <table class="issue-table">
+    <tr>
+      <td>
+        <div class="issue-meta-list">
           <div class="issue-meta">
-            <span class="issue-meta-label" title="{{t 'line_number'}}">L{{line}}</span>
+            {{#inArray actions "set_severity"}}
+              <a class="issue-action issue-action-with-options js-issue-set-severity">
+                <span class="issue-meta-label">{{severity severity}}</span>&nbsp;<i class="icon-dropdown"></i>
+              </a>
+            {{else}}
+              {{severity severity}}
+            {{/inArray}}
           </div>
-        {{/if}}
 
-        <div class="issue-meta">
-          <a class="issue-action js-issue-permalink icon-link" href="{{permalink}}" target="_blank"></a>
-        </div>
-      </div>
-    </td>
-  </tr>
-</table>
-
-<table class="issue-table">
-  <tr>
-    <td>
-      <div class="issue-meta-list">
-        <div class="issue-meta">
-          {{#inArray actions "set_severity"}}
-            <a class="issue-action issue-action-with-options js-issue-set-severity">
-              <span class="issue-meta-label">{{severity severity}}</span>&nbsp;<i class="icon-dropdown"></i>
-            </a>
-          {{else}}
-            {{severity severity}}
+          <div class="issue-meta">
+            {{#notEmpty transitions}}
+              <a class="issue-action issue-action-with-options js-issue-transition">
+                <span class="issue-meta-label">{{statusHelper status resolution}}</span>&nbsp;<i
+                  class="icon-dropdown"></i>
+              </a>
+            {{else}}
+              {{statusHelper status resolution}}
+            {{/notEmpty}}
+          </div>
+
+          <div class="issue-meta">
+            {{#inArray actions "assign"}}
+              <a class="issue-action issue-action-with-options js-issue-assign">
+          <span
+              class="issue-meta-label">{{#if assignee}}{{default assigneeName assignee}}{{else}}{{t 'unassigned'}}{{/if}}</span>&nbsp;<i
+                  class="icon-dropdown"></i>
+              </a>
+            {{else}}
+              <span
+                  class="issue-meta-label">{{#if assignee}}{{default assigneeName assignee}}{{else}}{{t 'unassigned'}}{{/if}}</span>
+            {{/inArray}}
+          </div>
+
+          {{#inArray actions "assign_to_me"}}
+            <a class="js-issue-assign-to-me"></a>
           {{/inArray}}
-        </div>
 
-        <div class="issue-meta">
-          {{#notEmpty transitions}}
-            <a class="issue-action issue-action-with-options js-issue-transition">
-              <span class="issue-meta-label">{{statusHelper status resolution}}</span>&nbsp;<i
-                class="icon-dropdown"></i>
-            </a>
-          {{else}}
-            {{statusHelper status resolution}}
-          {{/notEmpty}}
-        </div>
+          <div class="issue-meta">
+            {{#inArray actions "plan"}}
+              <a class="issue-action issue-action-with-options js-issue-plan">
+          <span
+              class="issue-meta-label">{{#if actionPlan}}{{default actionPlanName actionPlan}}{{else}}{{t 'issue.unplanned'}}{{/if}}</span>&nbsp;<i
+                  class="icon-dropdown"></i>
+              </a>
+            {{else}}
+              <span
+                  class="issue-meta-label">{{#if actionPlan}}{{default actionPlanName actionPlan}}{{else}}{{t 'issue.unplanned'}}{{/if}}</span>
+            {{/inArray}}
+          </div>
 
-        <div class="issue-meta">
-          {{#inArray actions "assign"}}
-            <a class="issue-action issue-action-with-options js-issue-assign">
-        <span
-            class="issue-meta-label">{{#if assignee}}{{default assigneeName assignee}}{{else}}{{t 'unassigned'}}{{/if}}</span>&nbsp;<i
-                class="icon-dropdown"></i>
-            </a>
-          {{else}}
-            <span
-                class="issue-meta-label">{{#if assignee}}{{default assigneeName assignee}}{{else}}{{t 'unassigned'}}{{/if}}</span>
+          {{#inArray actions "comment"}}
+            <div class="issue-meta">
+              <a class="issue-action js-issue-comment"><span
+                  class="issue-meta-label">{{t 'issue.comment.formlink' }}</span></a>
+            </div>
           {{/inArray}}
-        </div>
 
-        {{#inArray actions "assign_to_me"}}
-          <a class="js-issue-assign-to-me"></a>
-        {{/inArray}}
+          {{#ifHasExtraActions actions}}
+            <div class="issue-meta">
+              <a class="issue-action issue-action-with-options js-issue-more">
+                <span class="issue-meta-label">{{t 'more'}}</span>&nbsp;<i class="icon-dropdown"></i>
+              </a>
+            </div>
+          {{/ifHasExtraActions}}
+        </div>
+      </td>
 
-        <div class="issue-meta">
-          {{#inArray actions "plan"}}
-            <a class="issue-action issue-action-with-options js-issue-plan">
-        <span
-            class="issue-meta-label">{{#if actionPlan}}{{default actionPlanName actionPlan}}{{else}}{{t 'issue.unplanned'}}{{/if}}</span>&nbsp;<i
-                class="icon-dropdown"></i>
+      <td class="issue-table-meta-cell">
+        <div class="issue-meta js-issue-tags">
+          {{#inArray actions "set_tags"}}
+            <a class="issue-action issue-action-with-options js-issue-edit-tags">
+              <span>
+                <i class="icon-tags"></i>&nbsp;<span>{{#if tags}}{{join tags ', '}}{{else}}{{t 'issue.no_tag'}}{{/if}}</span>
+              </span>&nbsp;<i class="icon-dropdown"></i>
             </a>
           {{else}}
-            <span
-                class="issue-meta-label">{{#if actionPlan}}{{default actionPlanName actionPlan}}{{else}}{{t 'issue.unplanned'}}{{/if}}</span>
+            <span>
+              <i class="icon-tags"></i>&nbsp;<span>{{#if tags}}{{join tags ', '}}{{else}}{{t 'issue.no_tag'}}{{/if}}</span>
+            </span>
           {{/inArray}}
         </div>
+      </td>
+    </tr>
+  </table>
 
-        {{#inArray actions "comment"}}
-          <div class="issue-meta">
-            <a class="issue-action js-issue-comment"><span
-                class="issue-meta-label">{{t 'issue.comment.formlink' }}</span></a>
+  {{#notEmpty comments}}
+    <div class="issue-comments">
+      {{#each comments}}
+        <div class="issue-comment" data-comment-key="{{key}}">
+          <div class="issue-comment-author" title="{{userName}}"><i class="icon-comment"></i>&nbsp;{{userName}}
           </div>
-        {{/inArray}}
-
-        {{#ifHasExtraActions actions}}
-          <div class="issue-meta">
-            <a class="issue-action issue-action-with-options js-issue-more">
-              <span class="issue-meta-label">{{t 'more'}}</span>&nbsp;<i class="icon-dropdown"></i>
-            </a>
+          <div class="issue-comment-text markdown">{{{show html htmlText}}}</div>
+          <div class="issue-comment-age">({{fromNow createdAt}})</div>
+          <div class="issue-comment-actions">
+            {{#if updatable}}
+              <a class="js-issue-comment-edit">{{t 'edit'}}</a>&nbsp;
+              <a class="link-red js-issue-comment-delete"
+                 data-confirm-msg="{{t 'issue.comment.delete_confirm_message'}}">{{t 'delete'}}</a>
+            {{/if}}
           </div>
-        {{/ifHasExtraActions}}
-      </div>
-    </td>
-
-    <td class="issue-table-meta-cell">
-      <div class="issue-meta js-issue-tags">
-        {{#inArray actions "set_tags"}}
-          <a class="issue-action issue-action-with-options js-issue-edit-tags">
-            <span>
-              <i class="icon-tags"></i>&nbsp;<span>{{#if tags}}{{join tags ', '}}{{else}}{{t 'issue.no_tag'}}{{/if}}</span>
-            </span>&nbsp;<i class="icon-dropdown"></i>
-          </a>
-        {{else}}
-          <span>
-            <i class="icon-tags"></i>&nbsp;<span>{{#if tags}}{{join tags ', '}}{{else}}{{t 'issue.no_tag'}}{{/if}}</span>
-          </span>
-        {{/inArray}}
-      </div>
-    </td>
-  </tr>
-</table>
-
-{{#notEmpty comments}}
-  <div class="issue-comments">
-    {{#each comments}}
-      <div class="issue-comment" data-comment-key="{{key}}">
-        <div class="issue-comment-author" title="{{userName}}"><i class="icon-comment"></i>&nbsp;{{userName}}
-        </div>
-        <div class="issue-comment-text markdown">{{{show html htmlText}}}</div>
-        <div class="issue-comment-age">({{fromNow createdAt}})</div>
-        <div class="issue-comment-actions">
-          {{#if updatable}}
-            <a class="js-issue-comment-edit">{{t 'edit'}}</a>&nbsp;
-            <a class="link-red js-issue-comment-delete"
-               data-confirm-msg="{{t 'issue.comment.delete_confirm_message'}}">{{t 'delete'}}</a>
-          {{/if}}
         </div>
-      </div>
-    {{/each}}
-  </div>
-{{/notEmpty}}
+      {{/each}}
+    </div>
+  {{/notEmpty}}
+
+</div>
 
 <a class="issue-navigate js-issue-navigate">
   <i class="issue-navigate-to-left icon-chevron-left"></i>

diff --git a/server/sonar-web/src/main/less/components/issues.less b/server/sonar-web/src/main/less/components/issues.less
index 8a3d2422246b221b6dd8e17835aee06f632ee006..674d2daa53b7b71bec5490bc91d9eb8b5dcbbd83 100644 (file)
--- a/server/sonar-web/src/main/less/components/issues.less
+++ b/server/sonar-web/src/main/less/components/issues.less
@@ -39,6 +39,11 @@
   border-top-color: transparent;
 }
 
+.issue-inner {
+  overflow-x: auto;
+  overflow-y: hidden;
+}
+
 .issue-table {
   width: 100%;