Skip to content
This repository was archived by the owner on May 22, 2026. It is now read-only.

Commit 2b75438

Browse files
authored
TB Perpetual calculator: tooltip copy, CTA rename, starting price (#2624)
* TB Perpetual calculator: tooltip copy, CTA rename, starting price - Tooltips rewritten for Devices, Production/Development Instances, Add-ons, Edge Computing, Trendz Analytics, Offline Mode to be more specific and enterprise-oriented. - "Calculate your pricing" CTA renamed to "Estimate my cost" on both the Self-Managed and Subscription plan cards. - TB Perpetual hero: added "Starting from $4,999" price display and tightened subtitle copy. - Added "License packages" section header to the Perpetual tab; adjusted header margin only when Perpetual tab is active. - Edge Computing add-on toggle now defaults unchecked (was checked). - Tooltip padding/line-height polished (`calculator.sass`). - `generateAddOnsCards` scoped to `.add-ons[data-product-name]` so unrelated `.add-ons` containers on the page don't get clobbered. - Restored `images/pricing/offline-add-on-icon.svg` used by the Offline Mode add-on card. * Offline add-on icon: hardcode #2A7DEC to match other add-ons The icon was authored with `currentColor` fills and inherited the text color when embedded via `<img src>`, rendering black/grey against the other two add-on icons' blue. Hardcode the fill to `#2A7DEC` to match `edge-add-on-icon.svg` and `trendz-add-on-icon.svg`.
1 parent 081476f commit 2b75438

6 files changed

Lines changed: 182 additions & 59 deletions

File tree

_includes/pricing/calculator.sass

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -298,12 +298,12 @@ $bg-white: #fff
298298
color: #fff
299299
text-align: left
300300
border-radius: 6px
301-
padding: 5px
301+
padding: 5px 10px
302302
font-size: 12px
303303
left: 19px
304304
top: -3px
305305
width: 250px
306-
line-height: 24px
306+
line-height: 18px
307307
.input-with-controls
308308
display: flex
309309
align-items: center
@@ -969,7 +969,7 @@ $bg-white: #fff
969969
right: 0
970970
bottom: 0
971971
background-color: rgba(0, 0, 0, 0.5)
972-
z-index: 8888
972+
z-index: 9999
973973
align-items: center
974974
justify-content: center
975975
&.visible
@@ -980,7 +980,7 @@ $bg-white: #fff
980980
padding: 8px
981981
border-radius: 24px
982982
background-color: #F7F9FC
983-
max-height: min(912px, 100%)
983+
height: min(912px, 100%)
984984
overflow: hidden
985985
.modal-body
986986
display: flex

0 commit comments

Comments
 (0)