Fix incorrect css variable syntax on gr-tooltip
Bug: Issue 11834
Change-Id: I1d807f3ef02fae4f83d9931c914d0639395c837c
(cherry picked from commit ad5e0cc9ac)
This commit is contained in:
committed by
David Pursehouse
parent
9f624eb5ec
commit
4c74e5bb58
@@ -54,11 +54,11 @@ limitations under the License.
|
|||||||
}
|
}
|
||||||
.arrowPositionAbove {
|
.arrowPositionAbove {
|
||||||
border-top: var(--gr-tooltip-arrow-size) solid var(--tooltip-background-color);
|
border-top: var(--gr-tooltip-arrow-size) solid var(--tooltip-background-color);
|
||||||
bottom: -var(--gr-tooltip-arrow-size);
|
bottom: calc(-1 * var(--gr-tooltip-arrow-size));
|
||||||
}
|
}
|
||||||
.arrowPositionBelow {
|
.arrowPositionBelow {
|
||||||
border-bottom: var(--gr-tooltip-arrow-size) solid var(--tooltip-background-color);
|
border-bottom: var(--gr-tooltip-arrow-size) solid var(--tooltip-background-color);
|
||||||
top: -var(--gr-tooltip-arrow-size);
|
top: calc(-1 * var(--gr-tooltip-arrow-size));
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
<div class="tooltip">
|
<div class="tooltip">
|
||||||
|
|||||||
Reference in New Issue
Block a user