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.
This commit is contained in:
@@ -58,9 +58,9 @@ html.light body {
|
|||||||
margin: 0;
|
margin: 0;
|
||||||
padding: 0;
|
padding: 0;
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
font-family: -apple-system, BlinkMacSystemFont, "Inter", Roboto, "Helvetica Neue", Arial,
|
font-family:
|
||||||
"Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol",
|
-apple-system, BlinkMacSystemFont, "Inter", Roboto, "Helvetica Neue", Arial, "Noto Sans",
|
||||||
"Noto Color Emoji" !important;
|
sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* helper classes */
|
/* helper classes */
|
||||||
@@ -145,3 +145,11 @@ Not supports in Firefox and IE */
|
|||||||
tr:hover .action-buttons {
|
tr:hover .action-buttons {
|
||||||
opacity: 1;
|
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;
|
||||||
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user