From c56cc9f9a693d86f255849bf6494595ec3761299 Mon Sep 17 00:00:00 2001 From: Caleb Cox Date: Mon, 4 Nov 2024 14:54:14 -0600 Subject: [PATCH 1/2] Disable animation for users who prefer reduced motion --- pages/helpjuice.css | 4 +++- 1 file changed, 3 insertions(+), 1 deletion(-) diff --git a/pages/helpjuice.css b/pages/helpjuice.css index b088178fd..6cab14caa 100644 --- a/pages/helpjuice.css +++ b/pages/helpjuice.css @@ -38,7 +38,9 @@ #helpjuice-widget.bottomRight { right: 10px !important; - transition: right 0.3s ease; + @media not (prefers-reduced-motion) { + transition: right 0.3s ease; + } } #helpjuice-widget.bottomRight.visible, From 5b0ab449319b8c9ce643dfe7c5e8e93e718fd8e3 Mon Sep 17 00:00:00 2001 From: Caleb Cox Date: Mon, 4 Nov 2024 14:55:25 -0600 Subject: [PATCH 2/2] Move beacon away from Windows scrollbar --- pages/helpjuice.css | 8 ++++---- 1 file changed, 4 insertions(+), 4 deletions(-) diff --git a/pages/helpjuice.css b/pages/helpjuice.css index 6cab14caa..43fcad891 100644 --- a/pages/helpjuice.css +++ b/pages/helpjuice.css @@ -1,4 +1,5 @@ #helpjuice-widget { + bottom: 160px !important; --right-position: 80px; } @@ -49,14 +50,13 @@ } /* - * Expand the hover hitbox to be 20px above and below the button, extend to the right edge of the - * screen and be 20px past the left edge of the button. + * Expand the hover hitbox to extend to the right edge of the screen and be 20px past the left edge + * of the button. */ #helpjuice-widget.bottomRight::before { content: ''; position: absolute; - height: calc(var(--right-position) + 40px); - top: -20px; + height: var(--right-position); right: calc(var(--right-position) * -1); left: -20px; z-index: -1;