From 6cf18b1b9b48980950e3041f37ebf798caea9550 Mon Sep 17 00:00:00 2001
From: Paul <paulmakles@gmail.com>
Date: Sun, 25 Jul 2021 14:18:48 +0100
Subject: [PATCH] Fix message reply overflow. Add opera icon to sessions.
---
src/components/common/messaging/attachments/MessageReply.tsx | 4 +++-
src/pages/settings/panes/Sessions.tsx | 3 +++
2 files changed, 6 insertions(+), 1 deletion(-)
diff --git a/src/components/common/messaging/attachments/MessageReply.tsx b/src/components/common/messaging/attachments/MessageReply.tsx
index 6c5a248..7cb3457 100644
--- a/src/components/common/messaging/attachments/MessageReply.tsx
+++ b/src/components/common/messaging/attachments/MessageReply.tsx
@@ -29,6 +29,7 @@ export const ReplyBase = styled.div<{
preview?: boolean;
}>`
gap: 4px;
+ min-width: 0;
display: flex;
margin-inline-start: 30px;
margin-inline-end: 12px;
@@ -45,10 +46,11 @@ export const ReplyBase = styled.div<{
}
.user {
- display: flex;
gap: 4px;
+ display: flex;
flex-shrink: 0;
font-weight: 600;
+ overflow: visible;
align-items: center;
span {
diff --git a/src/pages/settings/panes/Sessions.tsx b/src/pages/settings/panes/Sessions.tsx
index 03aea2f..ee71254 100644
--- a/src/pages/settings/panes/Sessions.tsx
+++ b/src/pages/settings/panes/Sessions.tsx
@@ -6,6 +6,7 @@ import {
Microsoftedge,
Linux,
Macos,
+ Opera,
} from "@styled-icons/simple-icons";
import relativeTime from "dayjs/plugin/relativeTime";
import { useHistory } from "react-router-dom";
@@ -70,6 +71,8 @@ export function Sessions() {
return <Safari size={32} />;
case /edge/i.test(name):
return <Microsoftedge size={32} />;
+ case /opera/i.test(name):
+ return <Opera size={32} />;
default:
return <HelpCircle size={32} />;
}
--
GitLab