bo/worklenz
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(upgrade-plans): adjust minimum seat value logic and enhance HubSpot widget dark mode styles

Browse Source 
- Updated the minimum seat value logic in the upgrade plans component to allow the current seat count.
- Added CSS overrides for the HubSpot widget to ensure proper display in dark mode, removing unwanted backgrounds and shadows.
This commit is contained in:
chamikaJ
2025-07-23 13:24:58 +05:30
parent 4887383dc4
commit 9946c9a00e
2 changed files with 40 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
worklenz-frontend/src/components/admin-center/billing/drawers/upgrade-plans/upgrade-plans.tsx
View File

@@ -70,7 +70,7 @@ const UpgradePlans = () => {
const step = 5;
const maxSeats = 90;
const minValue = currentSeats + 1;
const minValue = currentSeats;
const options: { value: number; disabled: boolean }[] = [];
// Always show 1-5, but disable if less than minValue

39
worklenz-frontend/src/styles/customOverrides.css
View File

@@ -180,3 +180,42 @@ body.dark .overview-stat-card .ant-card-body,
.ql-snow .ql-stroke {
stroke: #6c757d !important;
}
/* HubSpot Widget Dark Mode Fixes */
html.dark #hubspot-messages-iframe-container {
background-color: transparent !important;
}
html.dark #hubspot-messages-iframe-container iframe {
background-color: transparent !important;
}
/* Target the HubSpot widget container */
html.dark .hs-messages-widget-open {
background-color: transparent !important;
}
/* Remove white background from HubSpot elements */
html.dark #hs-messages-iframe-container,
html.dark .hs-messages-iframe-container {
background: transparent !important;
background-color: transparent !important;
}
/* Ensure the iframe wrapper has no background */
html.dark iframe#hs-messages-iframe {
background: transparent !important;
}
/* Target the widget launcher button area */
html.dark .hs-messages-widget,
html.dark .hs-messages-widget-container {
background: transparent !important;
background-color: transparent !important;
}
/* Remove any box shadow that might appear white */
html.dark #hubspot-messages-iframe-container,
html.dark .hs-messages-widget {
box-shadow: none !important;
}