Merge pull request #51 from Uscreen-video/next

feat(): added ability to configure menu max-height via CSS vars
Uscreen-video · Jun 17, 2024 · c0b0254 · c0b0254
2 parents 17b15b6 + 1dbac57
commit c0b0254
Showing 1 changed file with 4 additions and 2 deletions.
diff --git a/src/components/video-button/Video-button.styles.css b/src/components/video-button/Video-button.styles.css
@@ -12,6 +12,7 @@
   --menu-item-color-active: $menu-item-color-active;
   --menu-item-background-hover: var(--primary, $menu-item-background-hover);
   --menu-item-color-hover: $menu-item-color-hover;
+  --menu-max-height: auto;
 
   --size: var(--button-size);
 }
@@ -73,6 +74,8 @@ button {
   height: 0;
   overflow: hidden;
   user-select: none;
+  max-height: var(--menu-max-height);
+  overflow: auto;
   & .inner {
     padding: 6px 12px;
   }
@@ -83,8 +86,7 @@ button {
 
 @media (max-width: 640px) {
   :host(:not([is-fullscreen])) .menu {
-    max-height: 150px;
-    overflow: auto;
+    --menu-max-height: 150px;
   }
 }