jeffemmett
/
web3
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

[site/components][s]: tooltip fade-out element fix

This commit is contained in:
olayway 2022-05-18 22:00:56 +02:00
parent 87f7098319
commit 03c73b4c47
1 changed files with 3 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
site/styles/global.css
View File

@ -31,11 +31,10 @@ body {
/* tooltip fade-out clip */ /* tooltip fade-out clip */
.tooltip-body::after { .tooltip-body::after {
content: ""; content: "";
text-align: right;
position: absolute; position: absolute;
bottom: 0;
right: 0; right: 0;
width: 30%; top: 2.4rem; /* multiple of $line-height used on the tooltip body */
height: 1.2em; height: 1.2rem; /* ($top + $height)/$line-height is the number of lines we want to clip tooltip text at*/
width: 10rem;
background: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1) 100%); background: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1) 100%);
} }