Browse Source

Header popups: the height limit also reaches popups moved under body

The toolbar's popups (bx-sliding-menu-*, e.g. Add content) are moved under body
when they open, so the #bx-toolbar selector never capped them and a long Add
content menu ran past the bottom of the window. They are matched by id too.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
Andrey Yasko 5 days ago
parent
commit
1d412db2ce
2 changed files with 7 additions and 2 deletions
  1. 0 0
      scripts/tailwind.max.css
  2. 7 2
      template/css/tailwind.css

File diff suppressed because it is too large
+ 0 - 0
scripts/tailwind.max.css


+ 7 - 2
template/css/tailwind.css

@@ -1362,8 +1362,13 @@
     #bx-toolbar .bx-menu-main .bx-stl-mii:not(:last-child) > * {
         @apply ltr:mr-2 rtl:ml-2; /* 8px between icon and label in the tabs and the More list */
     }
-    /* Header popups (More, account, add content) never run past the bottom of the window: the header is fixed, so the page can't scroll them into view. */
-    #bx-toolbar .bx-popup-menu .bx-popup-content {
+    /*
+     * Header popups (More, account, add content) never run past the bottom of the window: the header is fixed, so the page can't
+     * scroll them into view. The toolbar's own popups (bx-sliding-menu-*) are moved under body when they open, so they are matched
+     * by id rather than by #bx-toolbar.
+     */
+    #bx-toolbar .bx-popup-menu .bx-popup-content,
+    .bx-popup-menu[id^="bx-sliding-menu-"] .bx-popup-content {
         max-height: calc(100vh - 5.5rem);
         max-height: calc(100dvh - 5.5rem);
         @apply overflow-y-auto overscroll-contain;

Some files were not shown because too many files changed in this diff