Merge "Branding: Table Action dropdown hovers theme issue"

This commit is contained in:
Jenkins 2016-04-13 18:26:50 +00:00 committed by Gerrit Code Review
commit b4934a21f5
4 changed files with 33 additions and 12 deletions
openstack_dashboard
static/dashboard/scss
themes/material/static/horizon

@ -26,4 +26,19 @@
@mixin vertical-center {
display: inline-block;
vertical-align: middle;
}
// Mixin for the dropdown button styling of the table action rows
@mixin table-action-button($class, $color, $hover-bg, $hover-color: $color) {
&.btn-#{$class} {
color: $color;
&:focus,
&.active,
&:active,
&:hover {
color: $hover-bg;
background: $hover-color;
}
}
}

@ -6,6 +6,7 @@
Until it is, wrap all buttons with anchors ...
and we have this workaround.
*/
/* Specificity required */
.table_actions_menu .dropdown-menu > li > button,
.actions_column .dropdown-menu > li > button {
@ -37,18 +38,11 @@
@include box-shadow(none);
}
&.btn-primary {
color: $brand-primary;
}
&.btn-danger {
color: $brand-danger;
}
&.btn-warning {
color: $brand-warning;
}
&.btn-info {
color: $brand-info;
}
@include table-action-button('default', $btn-default-bg, $btn-default-color);
@include table-action-button('primary', $btn-primary-bg, $btn-danger-color);
@include table-action-button('info', $btn-info-bg, $btn-danger-color);
@include table-action-button('warning', $btn-warning-bg, $btn-danger-color);
@include table-action-button('danger', $btn-danger-bg, $btn-danger-color);
}
.table_actions {

@ -7,6 +7,7 @@
@import "components/magic_search";
@import "components/navbar";
@import "components/sidebar";
@import "components/table_actions";
.login .splash-logo {
width: 215px;

@ -0,0 +1,11 @@
@import '/dashboard/scss/mixins';
/* Specificity required */
.table_actions_menu .dropdown-menu > li > button,
.actions_column .dropdown-menu > li > button {
@include table-action-button('default', $btn-default-bg, $btn-default-bg, $dropdown-link-hover-bg);
@include table-action-button('primary', $btn-primary-bg, $btn-primary-bg, $dropdown-link-hover-bg);
@include table-action-button('info', $btn-info-bg, $btn-info-bg, $dropdown-link-hover-bg);
@include table-action-button('warning', $btn-warning-bg, $btn-warning-bg, $dropdown-link-hover-bg);
@include table-action-button('danger', $btn-danger-bg, $btn-danger-bg, $dropdown-link-hover-bg);
}