xmj/element-call
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Add hover gradient

Browse source 
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
This commit is contained in:
Šimon Brandner 2022-08-02 13:51:05 +02:00
parent 005622800d
commit cd885e3b3a
No known key found for this signature in database
GPG key ID: D1D45825D60C24D2
1 changed files with 13 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

13
src/video-grid/VideoTile.module.css
View file

@ -67,6 +67,19 @@
display: none; display: none;
} }
.videoTile:not(.isLocal):hover::after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: calc(
16px + 20px + 16px
); /* top padding + button size + buttom padding */
background-image: linear-gradient(to bottom, var(--background), transparent);
opacity: 0.8;
}
.videoTile:hover .button { .videoTile:hover .button {
display: initial; display: initial;
} }