From cd885e3b3af2b80391fcc86eb859c98b5b02ea66 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=C5=A0imon=20Brandner?= <simon.bra.ag@gmail.com>
Date: Tue, 2 Aug 2022 13:51:05 +0200
Subject: [PATCH] Add hover gradient
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
---
 src/video-grid/VideoTile.module.css | 13 +++++++++++++
 1 file changed, 13 insertions(+)

diff --git a/src/video-grid/VideoTile.module.css b/src/video-grid/VideoTile.module.css
index 504b39fb..1ba6ec1a 100644
--- a/src/video-grid/VideoTile.module.css
+++ b/src/video-grid/VideoTile.module.css
@@ -67,6 +67,19 @@
   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 {
   display: initial;
 }