[FIX] web_tip,web_kanban: tip color and position

The hightlight element when a tip is clicked was placed over a white
rectangle. This induced a problem if the element was itself white.

Also the dimension of the helper were badly computed.

+ remove specific tip style in kanban view
This commit is contained in:
qsm-odoo
2015-09-18 16:45:21 +02:00
parent 5955b2ef2a
commit 0f95a92e15
3 changed files with 13 additions and 8 deletions
@@ -385,9 +385,6 @@
white-space: nowrap;
padding-top: 5px;
}
.o_kanban_quick_add.oe_tip_show_element i {
color: @odoo-brand-optional;
}
.o_kanban_quick_add i {
.o-kanban-icon;
&:hover {
+10 -2
View File
@@ -207,6 +207,14 @@ var Tip = Class.extend({
this._set_helper_position();
this.scroll_to_tip();
var $bgElem = this.$element;
var bgColor = $bgElem.css('background-color');
while($bgElem.length > 0 && (bgColor === 'transparent' || bgColor === 'rgba(0, 0, 0, 0)')) {
$bgElem = $bgElem.parent();
bgColor = $bgElem.css('background-color');
}
this.$helper.css('background-color', bgColor || "white");
$('body').append(this.$overlay);
this.$element.addClass('oe_tip_show_element');
@@ -302,8 +310,8 @@ var Tip = Class.extend({
var _height = this.$element.outerHeight() + 10;
this.$helper.offset({top: _top, left: _left});
this.$helper.width(_width);
this.$helper.height(_height);
this.$helper.css('width', _width);
this.$helper.css('height', _height);
},
_set_popover_position: function() {
+3 -3
View File
@@ -18,8 +18,7 @@
.oe_tip_helper {
position: absolute;
z-index: 1008;
background-color: @odoo-view-background-color;
border: 1px solid @odoo-brand-secondary;
border: 5px solid @odoo-view-background-color;
border-radius: @border-radius-base;
box-shadow: 0 2px 15px rgba(0,0,0,.4);
.o-transition(all, 300ms, ease-out);
@@ -39,7 +38,8 @@
.oe_tip_show_element {
z-index: 1011 !important;
position: relative;
position: relative !important;
border: none !important;
}
.oe_breathing {