[IMP] web: Tooltip: adapt for dark mode

Commit preparatory to the introduction of dark-mode.

note: Tooltip variables should be reworked in order to correctly handle
different scenarios. For simplicity this commit will just match popover
colors.

task-2710677

Part-of: odoo/odoo#102868
This commit is contained in:
Brieuc-brd
2022-10-11 13:15:55 +02:00
committed by Pierre Paridans
parent 06948a763e
commit ce235f8b03
2 changed files with 10 additions and 10 deletions
@@ -11,7 +11,7 @@
background-color: $o-tooltip-background-color;
color: $o-tooltip-color;
border-radius: $border-radius;
box-shadow: 0px 0px 1px 1px $o-brand-secondary;
box-shadow: 0px 0px 1px 1px $popover-border-color;
margin: 5px;
border-color: $o-tooltip-color;
@@ -57,11 +57,11 @@
.tooltip-arrow {
top: $tooltip-arrow-height;
&::before {
border-bottom-color: $o-tooltip-color;
border-bottom-color: $popover-border-color;
bottom: 0;
}
&::after {
border-bottom-color: $o-tooltip-title-background-color;
border-bottom-color: $o-tooltip-background-color;
bottom: -1px;
}
}
@@ -70,11 +70,11 @@
.tooltip-arrow {
bottom: $tooltip-arrow-height;
&::before {
border-top-color: $o-tooltip-color;
border-top-color: $popover-border-color;
top: 0;
}
&::after {
border-top-color: $o-tooltip-arrow-color;
border-top-color: $o-tooltip-background-color;
top: -1px;
}
}
@@ -83,11 +83,11 @@
.tooltip-arrow {
right: $tooltip-arrow-height;
&::before {
border-left-color: $o-tooltip-color;
border-left-color: $popover-border-color;
left: 0;
}
&::after {
border-left-color: $o-tooltip-arrow-color;
border-left-color: $o-tooltip-background-color;
left: -1px;
}
}
@@ -96,11 +96,11 @@
.tooltip-arrow {
left: $tooltip-arrow-height;
&::before {
border-right-color: $o-tooltip-color;
border-right-color: $popover-border-color;
right: 0;
}
&::after {
border-right-color: $o-tooltip-arrow-color;
border-right-color: $o-tooltip-background-color;
right: -1px;
}
}
@@ -83,7 +83,7 @@ $o-list-footer-bg-color: #eee !default;
$o-list-footer-font-weight: bold !default;
$o-tooltip-background-color: $o-view-background-color !default;
$o-tooltip-color: #666666 !default;
$o-tooltip-color: $o-main-text-color !default;
$o-tooltip-arrow-color: white !default;
$o-tooltip-text-color: $o-main-text-color !default;
$o-tooltip-title-text-color: $o-main-headings-color !default;