Chris Doble avatar Chris Doble committed e6d56f5

Tweak styles, fix build link.

Comments (0)

Files changed (3)

src/main/resources/css/styles.css

     text-align: right;
 }
 
+div.failure-leaderboard div.twixie-controls span {
+    position: relative;
+    top: -2px;
+}
+
 div.failure-leaderboard table {
     margin-top: 0;
     width: 100%;
 div.failure-leaderboard table td.twixie span {
     cursor: pointer;
     position: relative;
-    top: 7px;
+    top: 6px;
 }
 
 div.failure-leaderboard table td.failure-rate {
     width: 6em;
 }
 
-div.failure-leaderboard table td.test-name {
-    width: 100%;
+div.failure-leaderboard table p.test-name {
+    margin-bottom: 0.1em;
+}
+
+div.failure-leaderboard table span.quarantined {
+    background-color: #5391DF;
+    color: #FFF;
+    -moz-border-radius: 3px;
+    -webkit-border-radius: 3px;
+    border-radius: 3px;
+    font-size: 11px;
+    font-weight: bold;
+    padding: 2px 3px;
+    text-transform: uppercase;
+}
+
+div.failure-leaderboard table tr.builds {
+    background-color: #F7F7F7;
 }
 
 div.failure-leaderboard table tr.builds.collapsed {
     display: none;
+}
+
+div.failure-leaderboard table a.build-number {
+    font-weight: bold;
+    margin-right: 0.25em;
 }

src/main/resources/js/scripts.js

-AJS.$("div.failure-leaderboard").delegate("table td.twixie span", "click", function() {
+AJS.$("div.failure-leaderboard").delegate("table td.twixie span", "click", function(e) {
+    e.preventDefault();
     var $twixie = AJS.$(this),
         $buildsRow = $twixie.closest("tr").next();
 
     $buildsRow.toggleClass("collapsed");
 });
 
-AJS.$("div.failure-leaderboard a.expand-all").click(function() {
+AJS.$("div.failure-leaderboard a.expand-all").click(function(e) {
+    e.preventDefault();
     AJS.$("div.failure-leaderboard td.twixie span").addClass("icon-collapse").removeClass("icon-expand");
     AJS.$("div.failure-leaderboard tr.builds").removeClass("collapsed");
 });
 
-AJS.$("div.failure-leaderboard a.collapse-all").click(function() {
+AJS.$("div.failure-leaderboard a.collapse-all").click(function(e) {
+    e.preventDefault();
     AJS.$("div.failure-leaderboard td.twixie span").addClass("icon-expand").removeClass("icon-collapse");
     AJS.$("div.failure-leaderboard tr.builds").addClass("collapsed");
 })

src/main/resources/templates/viewFailureLeaderboard.ftl

                             <td class="twixie"><span class="icon icon-expand" title="Expand">Expand</span></td>
                             <td class="failure-rate">${failureRate?string("0")}%</td>
                             <td>
-                                <span class="class-name">${testCase.testClass.shortName}</span>
-                                <span class="test-name">${testCase.name}</span>
+                                <p class="test-name">${testCase.testClass.shortName} ${testCase.name}</p>
+                                [#if testCase.isQuarantined()]
+                                    <span class="quarantined">Quarantined</span>
+                                [/#if]
                             </td>
                         </tr>
                         <tr class="builds collapsed">
                             <td colspan="3">
                                 [#list testCaseFailures.failedTestCaseResults as testCaseResult]
+                                    [#assign buildKey = testCaseResult.testCase.testClass.plan.key/]
                                     [#assign buildNumber = testCaseResult.testClassResult.buildResultsSummary.buildNumber/]
-                                    <a class="testName" href="[@ww.url value=fn.getTestCaseResultUrl(plan.key, buildNumber, testCaseResult.testCase.id)/]">#${buildNumber}</a>
+                                    <a class="build-number" href="[@ww.url value=fn.getTestCaseResultUrl(buildKey, buildNumber, testCaseResult.testCase.id)/]">#${buildNumber}</a>
                                 [/#list]
                             </td>
                         </tr>
Tip: Filter by directory path e.g. /media app.js to search for public/media/app.js.
Tip: Use camelCasing e.g. ProjME to search for ProjectModifiedEvent.java.
Tip: Filter by extension type e.g. /repo .js to search for all .js files in the /repo directory.
Tip: Separate your search with spaces e.g. /ssh pom.xml to search for src/ssh/pom.xml.
Tip: Use ↑ and ↓ arrow keys to navigate and return to view the file.
Tip: You can also navigate files with Ctrl+j (next) and Ctrl+k (previous) and view the file with Ctrl+o.
Tip: You can also navigate files with Alt+j (next) and Alt+k (previous) and view the file with Alt+o.