From 7f0f100d4d5d18c699c67dee04796a0792fe839c Mon Sep 17 00:00:00 2001
From: Christian Oliff <christianoliff@pm.me>
Date: Tue, 24 Sep 2024 21:04:35 +0900
Subject: [PATCH] Docs: Update modal min-height inline style

on very large screens (e.g. 4K monitors) the value `min-height: 1500px` doesn't show scrollbars as all the content fits on screen at once. Changing it to `min-height: 100vh`  will ensure it always requires scrolling. (you can test this by zooming out when viewing docs)
---
 site/content/docs/5.3/components/modal.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/site/content/docs/5.3/components/modal.md b/site/content/docs/5.3/components/modal.md
index e00931e8162e..9f42f5aba358 100644
--- a/site/content/docs/5.3/components/modal.md
+++ b/site/content/docs/5.3/components/modal.md
@@ -201,7 +201,7 @@ When modals become too long for the user's viewport or device, they scroll indep
         <h1 class="modal-title fs-5" id="exampleModalLongTitle">Modal title</h1>
         <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
       </div>
-      <div class="modal-body" style="min-height: 1500px">
+      <div class="modal-body" style="min-height: 100vh">
         <p>This is some placeholder content to show the scrolling behavior for modals. Instead of repeating the text in the modal, we use an inline style to set a minimum height, thereby extending the length of the overall modal and demonstrating the overflow scrolling. When content becomes longer than the height of the viewport, scrolling will move the modal as needed.</p>
       </div>
       <div class="modal-footer">