flectra/addons/web/static/src/less/tooltip.less
2018-01-16 02:34:37 -08:00

60 lines
1.5 KiB
Plaintext

.tooltip {
padding: 0;
margin: 0;
opacity: 1;
.tooltip-inner {
max-width: 300px; // fallback for browsers which do not support "vw" unit
max-width: 100vw;
background-color: @flectra-tooltip-background-color;
color: @flectra-tooltip-color;
border-radius: @border-radius-base;
box-shadow: 0px 0px 1px 1px @flectra-brand-secondary;
padding: 5px;
text-align: left;
.oe_tooltip_string {
background-color: @flectra-brand-primary;
color: white;
font-weight: bold;
padding: 5px;
}
.oe_tooltip_help {
white-space: pre-line;
padding: 5px 5px 0;
}
.oe_tooltip_technical {
padding: 0;
margin: 5px 0 5px 20px;
list-style-type: circle;
.oe_tooltip_technical_title {
font-weight: bold;
}
}
}
.tooltip-arrow {
-moz-transform: scale(0.9999);
}
&.top, &.top-left, &.top-right {
.tooltip-arrow {
border-top-color: @flectra-tooltip-arrow-color!important;
}
}
&.bottom, &.bottom-left, &.bottom-right {
.tooltip-arrow {
border-bottom-color: @flectra-tooltip-arrow-color!important;
}
}
&.left .tooltip-arrow {
border-left-color: @flectra-tooltip-arrow-color!important;
}
&.right .tooltip-arrow {
border-right-color: @flectra-tooltip-arrow-color!important;
}
}