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

feat: nicer gradient mask for hover previews (#1367)

Browse Source 
* feat: nicer gradient mask for hover previews

* tweak the stops on gradient mask
This commit is contained in:
Nan Yu
2020-07-18 18:25:54 -07:00
committed by GitHub
parent bc128359ab
commit 58f9e95d2f
1 changed files with 3 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
app/components/HoverPreview.js
View File

@@ -178,14 +178,15 @@ const Card = styled.div`
position: absolute;
pointer-events: none;
background: linear-gradient(
180deg,
90deg,
${props => transparentize(1, props.theme.background)} 0%,
${props => transparentize(1, props.theme.background)} 75%,
${props => props.theme.background} 90%
);
bottom: 0;
left: 0;
right: 0;
height: 4em;
height: 1.7em;
border-bottom: 16px solid ${props => props.theme.background};
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;