From 8704b6a8c84014d45c4cc476a34ef816a4ae3bbd Mon Sep 17 00:00:00 2001 From: chamiakJ Date: Wed, 21 May 2025 15:45:50 +0530 Subject: [PATCH] style: adjust font-family formatting and add styles for HubSpot chat widget - Reformatted the font-family declaration for improved readability. - Added specific styles to prevent global styles from affecting the HubSpot chat widget, ensuring consistent appearance. --- worklenz-frontend/src/index.css | 14 +++++++++++--- 1 file changed, 11 insertions(+), 3 deletions(-) diff --git a/worklenz-frontend/src/index.css b/worklenz-frontend/src/index.css index bb0a0781..55f4c2f3 100644 --- a/worklenz-frontend/src/index.css +++ b/worklenz-frontend/src/index.css @@ -58,9 +58,9 @@ html.light body { margin: 0; padding: 0; box-sizing: border-box; - font-family: -apple-system, BlinkMacSystemFont, "Inter", Roboto, "Helvetica Neue", Arial, - "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", - "Noto Color Emoji" !important; + font-family: + -apple-system, BlinkMacSystemFont, "Inter", Roboto, "Helvetica Neue", Arial, "Noto Sans", + sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important; } /* helper classes */ @@ -145,3 +145,11 @@ Not supports in Firefox and IE */ tr:hover .action-buttons { opacity: 1; } + +/* Prevent global styles from affecting HubSpot chat widget */ +#hubspot-messages-iframe-container, +#hubspot-messages-iframe-container * { + background: none !important; + border-radius: 50% !important; + box-shadow: none !important; +}