fix: add calculated max height and overflow auto (#92)

* fix: add calculated max height and overflow auto * fix: add flex display to flyout menu
vuejs · Apr 5, 2023 · 1741d29 · 1741d29
1 parent 3e9e402
commit 1741d29
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 1 deletion.
diff --git a/src/core/styles/vt-flyout.css b/src/core/styles/vt-flyout.css
@@ -57,11 +57,13 @@
 }
 
 .vt-flyout-menu {
+ display: flex;
  position: absolute;
  top: calc(var(--vt-nav-height) / 2 + 15px);
  right: 0;
  opacity: 0;
  visibility: hidden;
  transform: translateY(-4px);
  transition: opacity .25s, visibility .25s, transform .25s;
-}
+ max-height: calc(100vh - var(--vt-nav-height));
+}
diff --git a/src/core/styles/vt-menu.css b/src/core/styles/vt-menu.css
@@ -6,6 +6,7 @@
  background: var(--vt-c-bg);
  box-shadow: var(--vt-shadow-3);
  transition: background-color .5s;
+ overflow: auto;
 }
 
 .dark .vt-menu {