From 541426e7939339eb9f3aa85dc7325a7c4b63c909 Mon Sep 17 00:00:00 2001 From: Emma Hogan <elfhogan@gmail.com> Date: Wed, 17 Jan 2018 16:13:14 +1300 Subject: [PATCH] Fixed popover table colour change on hover Initially the color changed with hover and looked weird, now it no longer changes color on hover. Closes-Bug #1600004: Inconsistent table color in Flavor Popover Change-Id: Iecc7048f7c0051bae9702bd8855f3a83680f3d09 --- .../static/dashboard/scss/_variables.scss | 1 + .../dashboard/scss/components/_tables.scss | 16 ++++++++++++++-- 2 files changed, 15 insertions(+), 2 deletions(-) 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