Stone_Red/website
1
0
Fork 0
mirror of https://github.com/Stone-Red-Code/website.git synced 2026-09-07 16:06:12 +02:00
Code Issues Packages Projects Releases Wiki Activity

Merge pull request #345 from travisk-codes/344-spotlight-underline

Browse Source 
Prevent spotlight link underlines from extending past text
This commit is contained in:
Jean-Philippe Sirois
2020-09-16 20:50:26 -04:00
committed by GitHub
parent 24ff058ae9 5e4503abfa
commit b2308f682f
1 changed files with 1 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/ArchivesSidebar/styles.tsx
+1 -2
View File
@@ -5,15 +5,14 @@ import styled from "styled-components"
export const PageLink = styled(Link)` export const PageLink = styled(Link)`
display: block; display: block;
padding: 4px 0 0; padding: 4px 0 0;
margin-bottom: 4px;
color: ${(props) => props.theme.sidebar.foreground}; color: ${(props) => props.theme.sidebar.foreground};
align-self: flex-start; align-self: flex-start;
text-decoration: none; text-decoration: none;
border-bottom: 2px solid transparent;
&:hover { &:hover {
border-color: ${(props) => border-color: ${(props) =>
transparentize(0.7, props.theme.sidebar.foreground)}; transparentize(0.7, props.theme.sidebar.foreground)};
text-decoration: underline;
} }
& + & { & + & {