Elgato_dark/fleet
1
0
Fork 0
mirror of https://github.com/fleetdm/fleet synced 2026-05-23 00:49:03 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 143

Website: Fix mobile filtered pricing table (#15304)

Browse source 
Changes:
- Moved a `v-if` that was placed on the wrong element on the mobile
(filtered) pricing features table (currently, just the name of the
feature is hidden, not the table itself)
- Reduced complexity of conditional rendering on the filter pricing
features table.
This commit is contained in:
Eric 2023-11-22 18:45:06 -06:00 committed by GitHub
parent 4feff451da
commit 7fdf97660d
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
1 changed files with 3 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
website/views/pages/pricing.ejs vendored
View file

@ -139,7 +139,7 @@
</tr>
</thead>
<tbody>
<tr v-for="feature in category.features" v-if="_.contains([pricingMode], feature.usualDepartment)">
<tr v-for="feature in category.features" v-if="feature.usualDepartment === pricingMode">
<td purpose="feature-name">{{feature.name}}{{feature.comingSoon ? '*' : ''}}</td>
<td purpose="table-checkmark" v-if="feature.tier === 'Free'"><img class="mx-auto" alt="checkmark" purpose="checkmark" src="/images/icon-checkmark-green-16x16@2x.png"></td>
<td purpose="table-checkmark" v-else></td>
@ -152,8 +152,8 @@
<%// Mobile filtered features tables %>
<div purpose="mobile-feature-table-section" class="d-block d-md-none" v-for="category in pricingTable">
<h4>{{category.categoryName}}</h4>
<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" v-if="_.contains([pricingMode], feature.usualDepartment)">
<div purpose="mobile-features-table" class="d-flex flex-column" v-for="feature in category.features" v-if="feature.usualDepartment === pricingMode">
<div purpose="striped-row" class="d-flex flex-row justify-content-between align-items-center" >
<strong>{{feature.name}}{{ feature.comingSoon ? '*' : ''}}</strong>
</div>
<div class="d-flex flex-row justify-content-between align-items-center">