Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

HTML Reporter: headers fixed, tests scrollable #1513

Merged
merged 14 commits into from
Nov 30, 2020
Merged

HTML Reporter: headers fixed, tests scrollable #1513

Changes from 12 commits
Commits
Show all changes
14 commits
Select commit Hold shift + click to select a range
fbedf63
HTML Reporter - headers fixed, tests scrollable
BryanCrotaz Nov 18, 2020
db8050b
simplify body css
BryanCrotaz Nov 19, 2020
89f259d
remove calc for very very old browsers
BryanCrotaz Nov 19, 2020
80e6ac4
override default browser margin
BryanCrotaz Nov 19, 2020
f89983d
replace flexbox with fixed size header for very very old browsers
BryanCrotaz Nov 19, 2020
676003a
make space for notice about rerunning selected tests
BryanCrotaz Nov 19, 2020
f5551c8
style #qunit instead of body
BryanCrotaz Nov 20, 2020
6ed51ed
use flexbox only if flexbox is supported
BryanCrotaz Nov 22, 2020
180df38
fix hidden pass-fail banner
BryanCrotaz Nov 23, 2020
298cb5a
ignore on small screens
BryanCrotaz Nov 23, 2020
37c1062
Update qunit.css
Krinkle Nov 29, 2020
39dc8a5
Update qunit.css
Krinkle Nov 29, 2020
2024b57
ignore on small screens
BryanCrotaz Nov 23, 2020
59815e6
Merge commit '39dc8a53e90dd91c4cb30582ddc56585f2e3739b' into improve-…
BryanCrotaz Nov 29, 2020
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
27 changes: 27 additions & 0 deletions src/qunit.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -38,6 +38,33 @@
}


/** Fixed headers with scrollable tests */

@supports (display: flex) or (display: -webkit-box) {
@media (min-height: 500px) {
#qunit {
position: fixed;
left: 0px;
right: 0px;
top: 0px;
bottom: 0px;
padding: 8px;
display: -webkit-box;
display: flex;
flex-direction: column;
}

#qunit-tests {
overflow: scroll;
}

#qunit-banner {
flex: 5px 0 0;
}
}
}


/** Header (excluding toolbar) */

#qunit-header {
Expand Down