From 49e49f3952d2232d9f449abd496759479acedcc6 Mon Sep 17 00:00:00 2001 From: nizune <9-nizune@users.noreply.gitlab.insrt.uk> Date: Sun, 4 Jul 2021 13:41:52 +0200 Subject: [PATCH] Fix: Small changes to profile context menu --- src/components/navigation/right/MemberSidebar.tsx | 1 + src/pages/friends/Friend.module.scss | 1 - src/pages/friends/Friends.tsx | 2 +- src/pages/settings/server/Roles.tsx | 2 +- src/styles/_context-menu.scss | 8 +++++++- 5 files changed, 10 insertions(+), 4 deletions(-) diff --git a/src/components/navigation/right/MemberSidebar.tsx b/src/components/navigation/right/MemberSidebar.tsx index 96b3728..e8cc360 100644 --- a/src/components/navigation/right/MemberSidebar.tsx +++ b/src/components/navigation/right/MemberSidebar.tsx @@ -2,6 +2,7 @@ import { Text } from "preact-i18n"; import { useContext, useEffect, useState } from "preact/hooks"; import { User } from "revolt.js"; +import Details from "../../../components/ui/Details"; import Category from "../../ui/Category"; import { useParams } from "react-router"; import { UserButton } from "../items/ButtonItem"; diff --git a/src/pages/friends/Friend.module.scss b/src/pages/friends/Friend.module.scss index fe103bf..d633877 100644 --- a/src/pages/friends/Friend.module.scss +++ b/src/pages/friends/Friend.module.scss @@ -118,7 +118,6 @@ .divider { width: 1px; height: 24px; - margin: 0 8px; background: var(--primary-background); } diff --git a/src/pages/friends/Friends.tsx b/src/pages/friends/Friends.tsx index 607f6d8..284641e 100644 --- a/src/pages/friends/Friends.tsx +++ b/src/pages/friends/Friends.tsx @@ -57,7 +57,7 @@ export default function Friends() { <div className={styles.actions}> {/*<Tooltip content={"Create Category"} placement="bottom"> <IconButton onClick={() => openScreen({ id: 'special_input', type: 'create_group' })}> - <ListPlus size={24} /> + <ListPlus size={28} /> </IconButton> </Tooltip> <div className={styles.divider} />*/} diff --git a/src/pages/settings/server/Roles.tsx b/src/pages/settings/server/Roles.tsx index db3887c..0fea198 100644 --- a/src/pages/settings/server/Roles.tsx +++ b/src/pages/settings/server/Roles.tsx @@ -49,7 +49,7 @@ export function Roles({ server }: Props) { <div className={styles.list}> <div className={styles.title}> <h1><Text id="app.settings.server_pages.roles.title" /></h1> - <Plus size={16} onClick={() => + <Plus size={22} onClick={() => openScreen({ id: 'special_input', type: 'create_role', server: server._id, callback: id => setRole(id) })} /> </div> { [ 'default', ...Object.keys(roles) ] diff --git a/src/styles/_context-menu.scss b/src/styles/_context-menu.scss index 8f33978..d5f15ee 100644 --- a/src/styles/_context-menu.scss +++ b/src/styles/_context-menu.scss @@ -51,7 +51,13 @@ } .status { - font-size: .6rem; + max-width: 132px; + font-size: .625rem; + color: var(--secondary-foreground); + + text-overflow: ellipsis; + overflow: hidden; + white-space: nowrap; } } -- GitLab