From 8b0d3dea468ab01008ccc76b5ed37db7c8df15ba Mon Sep 17 00:00:00 2001
From: Varun Patil <varunpatil@ucla.edu>
Date: Tue, 22 Nov 2022 01:44:43 -0800
Subject: [PATCH] viewer: add control dark overlay (fix #227)

---
 src/components/Viewer.vue | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/src/components/Viewer.vue b/src/components/Viewer.vue
index 9f922953..c2e05163 100644
--- a/src/components/Viewer.vue
+++ b/src/components/Viewer.vue
@@ -896,6 +896,10 @@ export default class Viewer extends Mixins(GlobalMixin) {
 .inner,
 .inner :deep .pswp {
   width: inherit;
+
+  .pswp__top-bar {
+    background: linear-gradient(0deg, transparent, rgba(0, 0, 0, 0.3));
+  }
 }
 
 :deep .video-js .vjs-big-play-button {