Merge pull request #6104 from marshmalien/fix/addContrastToRowShading

Add more contrast to row shading in Tower

awx/ui/client/legacy-styles/lists.less

@@ -11,7 +11,7 @@
 
 
 table, tbody {
-    border-collapse: separate !important;
+    border-collapse: collapse;
 }
 
 .List-well {
@@ -60,6 +60,15 @@ table, tbody {
     height: 40px;
     font-size: 14px;
     color: @list-item;
+    border-bottom: 1px solid #d7d7d7;
+}
+
+.List-tableRow:last-of-type {
+    border-bottom: none;
+}
+
+.List-tableRow:hover {
+    background-color: #f2f2f2;
 }
 
 .List-tableRow--selected,
@@ -71,10 +80,6 @@ table, tbody {
     padding-left: 10px;
 }
 
-.List-tableRow--evenRow {
-    background-color: @list-alt-item-bg;
-}
-
 .List-tableCell {
     padding-left: 15px;
     padding-right: 15px;

awx/ui/client/src/home/dashboard/lists/job-templates/job-templates-list.partial.html

@@ -21,8 +21,6 @@
                 </th>
            </tr>
            <tr class="List-tableRow"
-                ng-class-odd="'List-tableRow--oddRow'"
-                ng-class-even="'List-tableRow--evenRow'"
                 ng-repeat = "template in templates">
               <td class="DashboardList-nameCell">
                   <a ng-href="#/templates/{{template.type}}/{{template.id}}" class="DashboardList-nameContainer">

awx/ui/client/src/home/dashboard/lists/jobs/jobs-list.partial.html

@@ -14,8 +14,6 @@
               <th class="List-tableHeader DashboardList-tableHeader--time" translate>Time</th>
            </tr>
            <tr class="List-tableRow"
-                ng-class-odd="'List-tableRow--oddRow'"
-                ng-class-even="'List-tableRow--evenRow'"
                 ng-repeat = "job in jobs">
                 <td class="DashboardList-nameCell">
                     <a href="{{ job.detailsUrl }}" ng-if="isSuccessful(job.status)" aw-tool-tip="Job successful. Click for details." aw-tip-placement="right">

awx/ui/client/src/shared/form-generator.js

@@ -1928,8 +1928,6 @@ angular.module('FormGenerator', [GeneratorHelpers.name, 'Utilities', listGenerat
                 html += "<tbody>\n";
 
                 html += "<tr class=\"List-tableRow\" ng-repeat=\"" + collection.iterator + " in " + itm + "\" ";
-                html += "ng-class-odd=\"'List-tableRow--oddRow'\" ";
-                html += "ng-class-even=\"'List-tableRow--evenRow'\" ";
                 html += "id=\"{{ " + collection.iterator + ".id }}\">\n";
                 if (collection.index === undefined || collection.index !== false) {
                     html += "<td class=\"List-tableCell";

awx/ui/client/src/shared/list-generator/list-generator.factory.js

@@ -294,8 +294,6 @@ export default ['$compile', 'Attr', 'Icon',
                 innerTable += "]\" ";
                 innerTable += "id=\"{{ " + list.iterator + ".id }}\" ";
                 innerTable += "class=\"List-tableRow " + list.iterator + "_class\" ";
-                innerTable += "ng-class-odd=\"'List-tableRow--oddRow'\" ";
-                innerTable += "ng-class-even=\"'List-tableRow--evenRow'\" ";
                 innerTable += "ng-repeat=\"" + list.iterator + " in " + list.name;
                 innerTable += (list.trackBy) ? " track by " + list.trackBy : "";
                 innerTable += (list.orderBy) ? " | orderBy:'" + list.orderBy + "'" : "";