diff --git a/src/components/middle/FloatingActionButtons.module.scss b/src/components/middle/FloatingActionButtons.module.scss index f545f81b5..28b763725 100644 --- a/src/components/middle/FloatingActionButtons.module.scss +++ b/src/components/middle/FloatingActionButtons.module.scss @@ -10,6 +10,10 @@ z-index: var(--z-scroll-down-button); pointer-events: none; + .unread { + pointer-events: none; + } + :global(body.animation-level-0) & { transform: none !important; @@ -28,7 +32,10 @@ &.revealed { transform: translateY(0); opacity: 1; - pointer-events: all; + + .unread { + pointer-events: all; + } &.no-composer.no-extra-shift { transform: translateY(4rem); @@ -40,6 +47,7 @@ .unread { opacity: 0; + pointer-events: none; } } diff --git a/src/components/middle/ScrollDownButton.module.scss b/src/components/middle/ScrollDownButton.module.scss index 715d04c51..3db4937c8 100644 --- a/src/components/middle/ScrollDownButton.module.scss +++ b/src/components/middle/ScrollDownButton.module.scss @@ -6,6 +6,8 @@ transition: opacity 0.2s ease; user-select: none; + pointer-events: all; + &:not(:first-child) { margin-top: 0.5rem; }