From 586b153eb877f5afb9d2d2a2bb483b37f8268e5b Mon Sep 17 00:00:00 2001 From: nizune <9-nizune@users.noreply.gitlab.insrt.uk> Date: Sat, 10 Jul 2021 00:09:49 +0200 Subject: [PATCH] Small changes to userhover --- external/lang | 2 +- src/components/common/user/UserHover.tsx | 12 ++++++++++++ 2 files changed, 13 insertions(+), 1 deletion(-) diff --git a/external/lang b/external/lang index de2b94c8..2054052c 160000 --- a/external/lang +++ b/external/lang @@ -1 +1 @@ -Subproject commit de2b94c8d8615b732cbbec3679041e73fd3c7640 +Subproject commit 2054052c791ff2396dcbde68ae257fa13a93ab6c diff --git a/src/components/common/user/UserHover.tsx b/src/components/common/user/UserHover.tsx index 28b14ffc..c2826047 100644 --- a/src/components/common/user/UserHover.tsx +++ b/src/components/common/user/UserHover.tsx @@ -1,3 +1,4 @@ +import { InfoCircle } from "@styled-icons/boxicons-regular"; import { Children } from "../../../types/Preact"; import { Username } from "./UserShort"; import styled from "styled-components"; @@ -15,14 +16,24 @@ const Base = styled.div` flex-direction: column; .username { + font-size: 13px; font-weight: 600; } .status { + font-size: 11px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } + + .tip { + display: flex; + align-items: center; + gap: 4px; + margin-top: 2px; + color: var(--secondary-foreground); + } `; export default function UserHover({ user, children }: Props) { @@ -33,6 +44,7 @@ export default function UserHover({ user, children }: Props) { + {/*
Right-click on the avatar to access the quick menu
*/} }> { children }