fix: Allow submenus to overflow the menu in all cases (#1768)

dermotduffy · Dec 17, 2024 · 86439af · 86439af
1 parent e2b6d38
commit 86439af
Showing 1 changed file with 3 additions and 14 deletions.
diff --git a/src/scss/menu.scss b/src/scss/menu.scss
@@ -10,6 +10,9 @@
   display: flex;
   flex-direction: row;
   justify-content: space-between;
+
+  // Allow submenus to overflow the menu "bar".
+  overflow: visible;
 }
 
 /*******************************************************
@@ -113,20 +116,6 @@ div.opposing {
  * Positioning for absolute based menu styles
  ********************************************/
 
-:host([data-style='overlay']),
-:host([data-style*='hover']),
-:host([data-style='hidden']) {
-  overflow: hidden;
-  width: calc(var(--frigate-card-menu-button-size) + 6px);
-  height: calc(var(--frigate-card-menu-button-size) + 6px);
-}
-
-:host([data-style='overlay']),
-:host([data-style*='hover']),
-:host([data-style='hidden'][expanded]) {
-  overflow: visible;
-}
-
 :host([data-style='overlay'][data-position='top']),
 :host([data-style='overlay'][data-position='bottom']),
 :host([data-style*='hover'][data-position='top']),