diff --git a/external/lang b/external/lang index de2b94c8d8615b732cbbec3679041e73fd3c7640..2054052c791ff2396dcbde68ae257fa13a93ab6c 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 28b14ffc2d0426747984421c886316a19333ee7c..c2826047075cde42902213a05fcc844df79db0d1 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) { <span className="status"> <UserStatus user={user} /> </span> + {/*<div className="tip"><InfoCircle size={13}/>Right-click on the avatar to access the quick menu</div>*/} </Base> }> { children }