new plans page: refactor custom tooltip to bootstrap tooltip (#7972)

GitOrigin-RevId: d3552867a9e9176288803cadffacb5f3dab24895
This commit is contained in:
M Fahru
2022-05-18 08:04:06 +00:00
committed by Copybot
parent 5050493827
commit 4d25132a5f
3 changed files with 56 additions and 71 deletions
@@ -28,12 +28,16 @@ include ./_mixins
autocomplete="off"
)
span
div.plans-v2-m-a-switch-annual-text-container
.plans-v2-m-a-switch-annual-text-container
span(data-ol-plans-v2-m-a-switch-annual-text) #{translate("annual")}
div.plans-v2-m-a-tooltip.plans-v2-m-a-tooltip-monthly(data-ol-plans-v2-m-a-tooltip)
div.plans-v2-m-a-tooltip-arrow
span(data-ol-tooltip-period='monthly') #{translate("save_20_percent_by_paying_annually")}
span(hidden data-ol-tooltip-period='annual') #{translate("saving_20_percent")}
.tooltip.in.right.plans-v2-m-a-tooltip(
role="tooltip"
data-ol-plans-v2-m-a-tooltip
)
.tooltip-arrow
.tooltip-inner
span(data-ol-tooltip-period='monthly') #{translate("save_20_percent_by_paying_annually")}
span(hidden data-ol-tooltip-period='annual') #{translate("saving_20_percent")}
.row(hidden data-ol-plans-v2-license-picker-container)
.col-sm-12