Website: Hide chatbot button on mobile devices (#15790)

Closes: https://github.com/fleetdm/confidential/issues/4757

Changes:
- Updated layout.less to hide the website chat button when the chat is
closed on screen sizes <575px. (The chat can still be opened on mobile
devices by clicking a "talk to an expert" button)
This commit is contained in:
Eric 2023-12-21 18:19:25 -06:00 committed by GitHub
parent f5af49f766
commit 51f032c87e
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23

View file

@ -409,6 +409,15 @@ body.detected-mobile {
height: 371px;
}
}
// For hiding the hubspot chat widget on mobile devices.
#hubspot-messages-iframe-container iframe[aria-label='Chat Widget'] {
display: none !important;//lesshint-disable-line importantRule
}
html.hs-messages-widget-open, html.hs-messages-mobile.hs-messages-widget-open {// Shows the hubspot chat widget when the widget is opened from a "Talk to an expert" button.
#hubspot-messages-iframe-container iframe[aria-label='Chat Widget'] {
display: initial !important;//lesshint-disable-line importantRule
}
}
}
@media (max-width: 490px) {