andre/30-seconds-of-code
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Disable pointer events on pseudo element

Browse Source 
This disables pointer events on the pseudo element so that it won't block clicks to the content element.
This commit is contained in:
Jack Moore
2018-02-27 14:51:27 -05:00
committed by GitHub
parent 10b866ba17
commit 528be97e5b
1 changed files with 2 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
snippets/overflow-scroll-gradient.md
View File

@ -25,6 +25,7 @@ Adds a fading gradient to an overflowing element to better indicate there is mor
width: 300px; width: 300px;
height: 25px; height: 25px;
background: linear-gradient(rgba(255, 255, 255, 0.001), white); /* transparent keyword is broken in Safari */ background: linear-gradient(rgba(255, 255, 255, 0.001), white); /* transparent keyword is broken in Safari */
pointer-events: none;
} }
.overflow-scroll-gradient__scroller { .overflow-scroll-gradient__scroller {
overflow-y: scroll; overflow-y: scroll;
@ -58,6 +59,7 @@ Adds a fading gradient to an overflowing element to better indicate there is mor
width: 300px; width: 300px;
height: 25px; height: 25px;
bottom: 0; bottom: 0;
pointer-events: none;
} }
.snippet-demo__overflow-scroll-gradient__scroller { .snippet-demo__overflow-scroll-gradient__scroller {
overflow-y: scroll; overflow-y: scroll;