From 03f572f365c49f34e18da5f0f6fba958b9eaf023 Mon Sep 17 00:00:00 2001
From: nizune <9-nizune@users.noreply.gitlab.insrt.uk>
Date: Mon, 2 Aug 2021 17:25:39 +0200
Subject: [PATCH] More settings fixes + clamped long usernames
---
src/components/common/messaging/MessageBase.tsx | 9 +++++++++
src/components/navigation/left/ServerListSidebar.tsx | 3 ++-
src/styles/_elements.scss | 4 ++++
3 files changed, 15 insertions(+), 1 deletion(-)
diff --git a/src/components/common/messaging/MessageBase.tsx b/src/components/common/messaging/MessageBase.tsx
index 2a79f40..861a559 100644
--- a/src/components/common/messaging/MessageBase.tsx
+++ b/src/components/common/messaging/MessageBase.tsx
@@ -95,12 +95,20 @@ export default styled.div<BaseMessageProps>`
gap: 8px;
display: flex;
align-items: center;
+ flex-shrink: 0;
}
.author {
+ overflow: hidden;
cursor: pointer;
font-weight: 600 !important;
+ display: -webkit-box;
+ -webkit-line-clamp: 1;
+ -webkit-box-orient: vertical;
+ text-overflow: ellipsis;
+ white-space: normal;
+
&:hover {
text-decoration: underline;
}
@@ -184,6 +192,7 @@ export const MessageContent = styled.div`
`;
export const DetailBase = styled.div`
+ flex-shrink: 0;
gap: 4px;
font-size: 10px;
display: inline-flex;
diff --git a/src/components/navigation/left/ServerListSidebar.tsx b/src/components/navigation/left/ServerListSidebar.tsx
index f3c8ba0..5cb239c 100644
--- a/src/components/navigation/left/ServerListSidebar.tsx
+++ b/src/components/navigation/left/ServerListSidebar.tsx
@@ -76,7 +76,8 @@ const ServerList = styled.div`
flex-grow: 1;
display: flex;
overflow-y: scroll;
- padding-bottom: 48px;
+ padding-bottom: 20px;
+ width: 58px;
flex-direction: column;
scrollbar-width: none;
diff --git a/src/styles/_elements.scss b/src/styles/_elements.scss
index f019eff..1bd14ba 100644
--- a/src/styles/_elements.scss
+++ b/src/styles/_elements.scss
@@ -16,6 +16,10 @@
background: var(--scrollbar-thumb);
}
+::-webkit-scrollbar-corner {
+ background: transparent;
+}
+
::selection {
background: var(--accent);
color: var(--foreground);
--
GitLab