mirror of
https://github.com/jupyter/notebook.git
synced 2025-01-24 12:05:22 +08:00
scroll quickhelp dialog if large
using `calc(100vh-padding)` for max-height
This commit is contained in:
parent
cf6925ce7a
commit
676da764fe
@ -120,9 +120,11 @@ span#login_widget > .button,
|
|||||||
// class for stretching dialogs to fill the screen
|
// class for stretching dialogs to fill the screen
|
||||||
.modal_stretch .modal-dialog {
|
.modal_stretch .modal-dialog {
|
||||||
.vbox();
|
.vbox();
|
||||||
min-height: 80%;
|
min-height: 80vh;
|
||||||
.modal-body {
|
.modal-body {
|
||||||
max-height: none;
|
// ~"foo" is to avoid less turning this into a weird value
|
||||||
|
max-height: calc(~"100vh - 200px");
|
||||||
|
overflow: auto;
|
||||||
flex: 1;
|
flex: 1;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
5
IPython/html/static/style/style.min.css
vendored
5
IPython/html/static/style/style.min.css
vendored
@ -8572,10 +8572,11 @@ span#login_widget > .button .badge,
|
|||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
align-items: stretch;
|
align-items: stretch;
|
||||||
min-height: 80%;
|
min-height: 80vh;
|
||||||
}
|
}
|
||||||
.modal_stretch .modal-dialog .modal-body {
|
.modal_stretch .modal-dialog .modal-body {
|
||||||
max-height: none;
|
max-height: calc(100vh - 200px);
|
||||||
|
overflow: auto;
|
||||||
flex: 1;
|
flex: 1;
|
||||||
}
|
}
|
||||||
@media (min-width: 768px) {
|
@media (min-width: 768px) {
|
||||||
|
Loading…
Reference in New Issue
Block a user