Fix incorrect css variable syntax on gr-tooltip

Bug: Issue 11834
Change-Id: I1d807f3ef02fae4f83d9931c914d0639395c837c
(cherry picked from commit ad5e0cc9ac)
This commit is contained in:
Tao Zhou
2019-10-30 09:15:21 +01:00
committed by David Pursehouse
parent 9f624eb5ec
commit 4c74e5bb58

View File

@@ -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">