Website: update tooltip position on mobile IT features table (#22018)

Closes: https://github.com/fleetdm/fleet/issues/22016

Changes:
- Updated the position of the tooltip icons on the mobile IT pricing
features table
This commit is contained in:
Eric 2024-09-11 15:32:11 -05:00 committed by GitHub
parent d958e05096
commit ad9b98b0ce
No known key found for this signature in database
GPG key ID: B5690EEEBB952194

View file

@ -196,11 +196,11 @@
<div purpose="mobile-feature-table-section" class="d-block d-md-none" v-for="category in pricingTableForIt">
<h5>{{category.categoryName}}</h5>
<div purpose="mobile-features-table" class="d-flex flex-column" v-for="feature in category.features">
<div purpose="striped-row" class="d-flex flex-row justify-content-between align-items-center" @click="">
<strong>
<div purpose="striped-row" class="d-flex flex-row justify-content-between align-items-center">
<strong class="d-block">
{{feature.name}}{{feature.comingSoon ? '*' : ''}}
<img class="d-inline" purpose="tooltip-icon" src="/images/icon-more-info-14x14@2x.png" alt="More info" @click="clickOpenMobileTooltip(feature)" v-if="feature.description">
</strong>
<img class="d-block" purpose="tooltip-icon" src="/images/icon-more-info-14x14@2x.png" alt="More info" @click="clickOpenMobileTooltip(feature)" v-if="feature.description">
</div>
<div class="d-flex flex-row justify-content-between align-items-center">
Free