[FIX] web_editor: bootstrap colors (text-, bg-)

Bootstrap handles the primary color in a different way than the other
colors. So to not break the backend UI, the o-create-color-classes
mixin has to consider this difference.

Notice that colors management should be further improved in the future.
This commit is contained in:
qsm-odoo
2016-02-26 13:09:13 +01:00
parent 4c8e908b49
commit acd3da1848
@@ -242,7 +242,7 @@ a.o_underline {
@color-delta: #0D6759;
@color-epsilon: #0B2E59;
.o-create-color-classes(@class_name, @color, @complementary: contrast(@color, @text-color, #FFF, 60%)) {
.o-create-color-classes(@class_name, @color, @complementary: contrast(@color, @text-color, #FFF, 60%), @content-color: @color) {
.bg-@{class_name} {
background-color: @color;
color: @complementary;
@@ -251,7 +251,7 @@ a.o_underline {
}
}
body .text-@{class_name} { // html to make the rules more important that bg-* ones
color: @color;
color: @content-color;
}
}
@@ -264,10 +264,10 @@ a.o_underline {
// Create classes for UI colors
.o-create-color-classes(primary, @brand-primary);
.o-create-color-classes(success, @brand-success);
.o-create-color-classes(info, @brand-info);
.o-create-color-classes(warning, @brand-warning);
.o-create-color-classes(danger, @brand-danger);
.o-create-color-classes(success, @brand-success, @content-color: @state-success-text);
.o-create-color-classes(info, @brand-info, @content-color: @state-info-text);
.o-create-color-classes(warning, @brand-warning, @content-color: @state-warning-text);
.o-create-color-classes(danger, @brand-danger, @content-color: @state-danger-text);
// Create classes for greyscale colors
.o-create-color-classes(~'black', @gray-base);