rooty/Bootstrap
0
0
Fork 0
mirror of https://github.com/twbs/bootstrap.git synced 2024-12-01 13:24:25 +01:00
Code Issues Actions Packages Releases Activity

Docs: update min-height inline style for modal with long content (#40870)
Some checks failed
BrowserStack / browserstack (push) Has been skipped
Details
Bundlewatch / bundlewatch (push) Failing after 1s
Details
CodeQL / Analyze (push) Failing after 1s
Details
cspell / cspell (push) Failing after 1s
Details
CSS / css (push) Failing after 1s
Details
Docs / docs (push) Failing after 1s
Details
JS Tests / JS Tests (push) Failing after 1s
Details
Lint / lint (push) Failing after 1s
Details
CSS (node-sass) / css (push) Failing after 1s
Details
Release notes / update_release_draft (push) Has been skipped
Details

Browse Source
This commit is contained in:
Christian Oliff 2024-09-24 21:43:37 +09:00 committed by GitHub
parent 523493d096
commit 9b00689715
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 1 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
site/content/docs/5.3/components/modal.md
View File

@ -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> <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> <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div> </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> <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>
<div class="modal-footer"> <div class="modal-footer">