Fix borders for "Actions" column in Firefox

Added 'background-clip:padding-box' to "Actions" column
styling to make its borders visible in Firefox. Moreover,
since not every table has odd/even classes for its rows,
there still are some issues with border colors for a few
tables. This patch set adds 'background-clip:padding-box'
to each row style (not only to odd rows) to make borders
visible for every row, "Actions" column in Firefox.

Closes-bug: 1384116

Change-Id: Ibc540fd62bd918c0a5a70c410a16d8af86bedcfa
(cherry picked from commit 8d550896810122c58a6c8dbea1b477217b417e28)

1 files changed, 4 insertions, 2 deletions

diff --git a/openstack_dashboard/static/dashboard/scss/horizon.scss b/openstack_dashboard/static/dashboard/scss/horizon.scss
index 20aadaf4d..c04dc931c 100755
--- a/openstack_dashboard/static/dashboard/scss/horizon.scss
+++ b/openstack_dashboard/static/dashboard/scss/horizon.scss
@@ -842,9 +842,11 @@ div.table_cell_wrapper {
  * the bootstrap style when necessary by setting the odd/even classes.
  */
 .table-striped.datatable tbody {
+  td {
+    background-clip: padding-box;
+  }
   tr.odd td {
     background-color: $table-bg-odd;
-    background-clip: padding-box;
   }
   tr.even td {
     background-color: inherit;
@@ -853,7 +855,6 @@ div.table_cell_wrapper {
   tr.even:hover td,
   tr:hover th {
     background-color: $table-bg-hover;
-    background-clip: padding-box;
   }
 }
 
@@ -1095,6 +1096,7 @@ td.actions_column {
   padding: 10px;
   position: relative;
   width: 200px;
+  background-clip: padding-box;
 }
 
 td.actions_column .btn-group {