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

fix: Regression in actions background on sidebar links

Browse Source 
closes #3194
This commit is contained in:
Tom Moor
2022-03-03 22:11:43 -08:00
parent d2848c9000
commit 7e930dd1c9
1 changed files with 7 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -140,6 +140,7 @@ const Actions = styled(EventBoundary)<{ showActions?: boolean }>`
gap: 4px;
color: ${(props) => props.theme.textTertiary};
transition: opacity 50ms;
height: 24px;
svg {
color: ${(props) => props.theme.textSecondary};
@@ -189,6 +190,8 @@ const Link = styled(NavLink)<{ $isActiveDrop?: boolean; $isDraft?: boolean }>`
}
& + ${Actions} {
background: ${(props) => props.theme.sidebarBackground};
${NudeButton} {
background: transparent;
@@ -199,6 +202,10 @@ const Link = styled(NavLink)<{ $isActiveDrop?: boolean; $isDraft?: boolean }>`
}
}
&[aria-current="page"] + ${Actions} {
background: ${(props) => props.theme.sidebarActiveBackground};
}
${breakpoint("tablet")`
padding: 4px 8px 4px 16px;
font-size: 15px;