Website: IT comparison table follow-up changes (#30776)

Related to https://github.com/fleetdm/confidential/issues/11346

Changes:
- Changed the default IT comparison mode on the homepage and the
/device-management page
- Updated the max width of the comparison dropdown on feature comparison
- Reordered the comparison dropdown options on the /device-management
page to match the homepage
This commit is contained in:
Eric 2025-07-11 01:57:26 -05:00 committed by GitHub
parent 4c82353936
commit 743fb8598e
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
5 changed files with 11 additions and 11 deletions

View file

@ -4,7 +4,7 @@ parasails.registerPage('device-management-page', {
// ╩╝╚╝╩ ╩ ╩╩ ╩╩═╝ ╚═╝ ╩ ╩ ╩ ╩ ╚═╝
data: {
modal: '',
comparisonMode: 'sccm',
comparisonMode: 'omnissa',
comparisonModeFriendlyNames: {
jamf: 'Jamf Pro',
sccm: 'SCCM',

View file

@ -21,7 +21,7 @@ parasails.registerPage('homepage', {
comparisonTableMode: 'it',
// For MDM comparison table
comparisonModeForIt: 'sccm',
comparisonModeForIt: 'omnissa',
comparisonModeForSecurity: 'rapid',
comparisonModeFriendlyNames: {
jamf: 'Jamf Pro',

View file

@ -171,11 +171,11 @@
[purpose='comparison-table-header'] {
font-size: 16px;
color: @core-fleet-black;
div {
padding: 12px 24px;
[purpose='comparison-column'] {
padding: 12px 16px;
}
[purpose='comparison-selector'] {
width: 152px;
width: 168px;
height: 48px;
border-radius: 8px;
padding: 0px 12px;
@ -187,7 +187,7 @@
white-space: nowrap;
}
[purpose='comparison-selector-dropwdown'] {
width: 152px;
width: 168px;
cursor: pointer;
font-size: 14px;
padding: 0px;

View file

@ -503,11 +503,11 @@
[purpose='comparison-table-header'] {
font-size: 16px;
color: @core-fleet-black;
div {
padding: 12px 24px;
[purpose='comparison-column'] {
padding: 12px 16px;
}
[purpose='comparison-selector'] {
width: 152px;
width: 168px;
height: 48px;
border-radius: 8px;
padding: 0px 12px;
@ -519,7 +519,7 @@
white-space: nowrap;
}
[purpose='comparison-selector-dropwdown'] {
width: 152px;
width: 168px;
cursor: pointer;
font-size: 14px;
padding: 0px;

View file

@ -122,8 +122,8 @@
{{comparisonModeFriendlyNames[comparisonMode]}}<img class="d-flex" style="width: 16px; height: 16px;" src="/images/chevron-down-16x16@2x.png" alt="a small shevron pointing downwards">
</div>
<div purpose="comparison-selector-dropwdown" class="dropdown-menu" aria-labelledby="dropdownMenuSelectPurpose">
<div class="dropdown-item" data-compare-with="sccm" @click="clickSwitchComparisonTableColumn('sccm')">SCCM</div>
<div class="dropdown-item" data-compare-with="omnissa" @click="clickSwitchComparisonTableColumn('omnissa')">Workspace ONE</div>
<div class="dropdown-item" data-compare-with="sccm" @click="clickSwitchComparisonTableColumn('sccm')">SCCM</div>
<div class="dropdown-item" data-compare-with="jamf" @click="clickSwitchComparisonTableColumn('jamf')">Jamf Pro</div>
<div class="dropdown-item" data-compare-with="intune" @click="clickSwitchComparisonTableColumn('intune')">Intune</div>
<div class="dropdown-item" data-compare-with="ansible" @click="clickSwitchComparisonTableColumn('ansible')">Ansible</div>