openvibers/openvibe.live Commits

Modals: use the full viewport height before scrolling

OP OpenVibers committed 27 Aug 2026 · fa9203defb · 3 files, +5 −3

The shared modal capped at 80vh, so taller content (the donate modal)
grew a scrollbar while a fifth of the page height sat unused. Cap is now
calc(100vh - 40px); overflow stays as the safety net for genuinely tall
content on short screens.

Co-Authored-By: Claude Fable 5 <[email protected]>
Claude-Session: https://claude.ai/code/session_017AyeSFu7qdLdR64Zv99QNm

Changes

ddiff --git a/public/css/style.css b/public/css/style.css
iindex e80ff074..8bc67587 100644
---- a/public/css/style.css
++++ b/public/css/style.css
@@@ -5885,7 +5885,9 @@ textarea.form-input { resize: vertical; min-height: 60px; }
      background: var(--bg-tertiary); border: 1px solid var(--border);
      border-radius: 20px; padding: 24px;
      max-width: 440px; width: 90%;
--    max-height: 80vh; overflow-y: auto;
++    /* Use the whole viewport before scrolling — an 80vh cap forced a scrollbar on
++       taller modals (donate) while plenty of page height sat unused. */
++    max-height: calc(100vh - 40px); overflow-y: auto;
      position: relative;
      box-shadow: var(--shadow-lg);
      background-image: linear-gradient(180deg, rgba(255,255,255,0.03), transparent 55%);
ddiff --git a/public/index.html b/public/index.html
iindex c7456110..c07cf3c3 100644
---- a/public/index.html
++++ b/public/index.html
@@@ -58,7 +58,7 @@
      </script>
  
      <!-- Stylesheets -->
--    <link rel="stylesheet" href="/css/style.css?v=135">
++    <link rel="stylesheet" href="/css/style.css?v=136">
      <link rel="stylesheet" href="/css/chat-shared.css?v=1">
      <link rel="stylesheet" href="/css/broadcast.css?v=11">
      <link rel="stylesheet" href="/css/cosmetics.css?v=2">
ddiff --git a/public/popout-chat.html b/public/popout-chat.html
iindex a1b8893c..e864ed41 100644
---- a/public/popout-chat.html
++++ b/public/popout-chat.html
@@@ -7,7 +7,7 @@
      <!-- Keep these in step with index.html — the popout renders the same chat
           components (cosmetics.css positions particle effects; without it they sit
           inline next to the username as "broken badges" until their cleanup timer). -->
--    <link rel="stylesheet" href="/css/style.css?v=135">
++    <link rel="stylesheet" href="/css/style.css?v=136">
      <link rel="stylesheet" href="/css/chat-shared.css?v=1">
      <link rel="stylesheet" href="/css/cosmetics.css?v=2">
      <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css">