From 622f2b2bcaafacde1728b853b64b2792696b98b0 Mon Sep 17 00:00:00 2001 From: trashtemp <96388163+trashtemp@users.noreply.github.com> Date: Fri, 21 Jan 2022 08:30:54 +0100 Subject: [PATCH] fix(messagebox): fixed z-index --- src/components/common/messaging/MessageBox.tsx | 2 +- src/components/common/messaging/attachments/MessageReply.tsx | 4 ++-- 2 files changed, 3 insertions(+), 3 deletions(-) diff --git a/src/components/common/messaging/MessageBox.tsx b/src/components/common/messaging/MessageBox.tsx index a65d43bd..922b9e3c 100644 --- a/src/components/common/messaging/MessageBox.tsx +++ b/src/components/common/messaging/MessageBox.tsx @@ -56,7 +56,7 @@ export type UploadState = | { type: "failed"; files: File[]; error: string }; const Base = styled.div` - z-index: 10; + z-index: 1; display: flex; align-items: flex-start; background: var(--message-box); diff --git a/src/components/common/messaging/attachments/MessageReply.tsx b/src/components/common/messaging/attachments/MessageReply.tsx index c6c220d5..39118fa3 100644 --- a/src/components/common/messaging/attachments/MessageReply.tsx +++ b/src/components/common/messaging/attachments/MessageReply.tsx @@ -42,8 +42,8 @@ export const ReplyBase = styled.div<{ content: ""; width: 22px; height: 10px; - border-inline-start: 3px solid var(--message-box); - border-top: 3px solid var(--message-box); + border-inline-start: 2px solid var(--message-box); + border-top: 2px solid var(--message-box); align-self: flex-end; }