From d1e1449f99b39c091c620d1d199e62959170be01 Mon Sep 17 00:00:00 2001 From: trashtemp <96388163+trashtemp@users.noreply.github.com> Date: Sat, 25 Dec 2021 11:33:30 +0100 Subject: [PATCH] fix(channel): mobile jump bar fixed --- src/components/common/messaging/bars/JumpToBottom.tsx | 7 ++++++- 1 file changed, 6 insertions(+), 1 deletion(-) diff --git a/src/components/common/messaging/bars/JumpToBottom.tsx b/src/components/common/messaging/bars/JumpToBottom.tsx index 06bcbc7d..98fc6474 100644 --- a/src/components/common/messaging/bars/JumpToBottom.tsx +++ b/src/components/common/messaging/bars/JumpToBottom.tsx @@ -17,6 +17,12 @@ export const Bar = styled.div<{ position: "top" | "bottom"; accent?: boolean }>` props.position === "bottom" && css` top: -26px; + + ${() => + isTouchscreenDevice && + css` + top: -32px; + `} `} height: 28px; @@ -71,7 +77,6 @@ export const Bar = styled.div<{ position: "top" | "bottom"; accent?: boolean }>` isTouchscreenDevice && css` height: 34px; - /*top: -32px;*/ padding: 0 12px; `} }