Merge "Branding: Table Action dropdown hovers theme issue"
This commit is contained in:
commit
b4934a21f5
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);
|
||||
}
|
Loading…
x
Reference in New Issue
Block a user