diff --git a/openstack_dashboard/static/dashboard/scss/_variables.scss b/openstack_dashboard/static/dashboard/scss/_variables.scss index cd2b36718a..ead18c0b02 100644 --- a/openstack_dashboard/static/dashboard/scss/_variables.scss +++ b/openstack_dashboard/static/dashboard/scss/_variables.scss @@ -14,6 +14,7 @@ $main-content-min-width: 900px !default; $sidebar-width: 220px !default; $border-color: #dddddd !default; $table-bg-odd: $table-bg-accent !default; +$table-bg-even: #ffffff; /* Resource Browser */ diff --git a/openstack_dashboard/static/dashboard/scss/components/_tables.scss b/openstack_dashboard/static/dashboard/scss/components/_tables.scss index d3ad042eec..eb9fc0d132 100644 --- a/openstack_dashboard/static/dashboard/scss/components/_tables.scss +++ b/openstack_dashboard/static/dashboard/scss/components/_tables.scss @@ -119,16 +119,28 @@ } tr.even { td { - background-color: inherit; + background-color: $table-bg-even; } } - // Hover stuffs! + // Hover on main table tr.odd:hover td, tr.even:hover td, tr:hover th { background-color: $table-bg-hover; } + + // Override inheritted background color for popup right column + tr.odd div td, tr.odd:hover div td, + tr.even div td, tr.even:hover div td { + background-color: $table-bg-odd; + } + + // Override inheritted background color for popup right column + tr.odd:hover div th, + tr.even:hover div th { + background-color: $table-bg-even; + } } // Force Table Fixed