yuuza/outline
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix: Tooltips on sidebar items are sometimes miss-positioned on mouseleave

Browse Source
This commit is contained in:
Tom Moor
2022-03-03 23:23:15 -08:00
parent 4f0ee2c3f8
commit edbcd3d4d2
1 changed files with 4 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
app/components/Sidebar/components/SidebarLink.tsx
View File

@@ -133,7 +133,8 @@ export const IconWrapper = styled.span`
`;
const Actions = styled(EventBoundary)<{ showActions?: boolean }>`
display: ${(props) => (props.showActions ? "inline-flex" : "none")};
display: inline-flex;
visibility: ${(props) => (props.showActions ? "visible" : "hidden")};
position: absolute;
top: 4px;
right: 4px;
@@ -149,7 +150,7 @@ const Actions = styled(EventBoundary)<{ showActions?: boolean }>`
}
&:hover {
display: inline-flex;
visibility: visible;
svg {
opacity: 0.75;
@@ -213,7 +214,7 @@ const Link = styled(NavLink)<{ $isActiveDrop?: boolean; $isDraft?: boolean }>`
@media (hover: hover) {
&:hover + ${Actions}, &:active + ${Actions} {
display: inline-flex;
visibility: visible;
svg {
opacity: 0.75;