From 89cf411d18c3f4b0d63cd8c1e90b01db613968d1 Mon Sep 17 00:00:00 2001
From: infinite-persistence <inf.persistence@gmail.com>
Date: Wed, 8 Dec 2021 17:49:57 +0800
Subject: [PATCH] Fix popup auto dismiss when the gap is hovered

This was previously fixed, but I forgot to add it back when doing #445.
---
 ui/scss/component/_videojs.scss | 1 +
 1 file changed, 1 insertion(+)

diff --git a/ui/scss/component/_videojs.scss b/ui/scss/component/_videojs.scss
index 789476f63..12c850b82 100644
--- a/ui/scss/component/_videojs.scss
+++ b/ui/scss/component/_videojs.scss
@@ -174,6 +174,7 @@ $control-bar-icon-size: 0.7rem;
 [dir] .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
   background-color: rgba(43, 51, 63);
   max-height: 20em;
+  margin-bottom: calc(var(--spacing-xxs) * -1); // Prevents accidental dismissal when the gap is hovered.
 
   li {
     font-size: $control-bar-popup-font-size;