abner/for-legacy-web
1
0
Fork 1
mirror of https://github.com/stoatchat/for-legacy-web.git synced 2026-03-06 08:38:37 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix(msgbar): use vertical dots

Browse Source
This commit is contained in:
trashtemp
2022-01-15 13:16:27 +01:00
parent e0805b5166
commit d1edfb6d70
1 changed files with 3 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
src/components/common/messaging/bars/MessageOverlayBar.tsx
View File

@@ -1,4 +1,4 @@
import { DotsHorizontalRounded, LinkAlt } from "@styled-icons/boxicons-regular"; import { DotsVerticalRounded, LinkAlt } from "@styled-icons/boxicons-regular";
import { import {
Pencil, Pencil,
Trash, Trash,
@@ -63,13 +63,13 @@ const Entry = styled.div`
flex-shrink: 0; flex-shrink: 0;
cursor: pointer; cursor: pointer;
transition: 0.2s ease background-color; transition: 0.2s ease background-color;
border-radius: var(--border-radius);
&:hover { &:hover {
background: var(--secondary-header); background: var(--secondary-header);
} }
&:focus { &:focus {
border-radius: var(--border-radius);
box-shadow: 0 0 0 2.5pt var(--accent); box-shadow: 0 0 0 2.5pt var(--accent);
} }
@@ -146,7 +146,7 @@ export const MessageOverlayBar = observer(({ message, queued }: Props) => {
}) })
}> }>
<IconButton> <IconButton>
<DotsHorizontalRounded size={18} /> <DotsVerticalRounded size={18} />
</IconButton> </IconButton>
</Entry> </Entry>
</Tooltip> </Tooltip>