UNPKG

1.52 kBCSSView Raw
1/* Override QUnit's default styles that place #qunit-fixture outside the viewport */
2#qunit-fixture {
3 position: relative;
4 left: auto;
5 top: auto;
6 width: auto;
7 height: auto;
8}
9
10#ember-testing-container {
11 position: fixed;
12
13 background-color: #fff;
14 background-image:
15 linear-gradient(45deg, #eee 25%, transparent 25%, transparent 75%, #eee 75%, #eee),
16 linear-gradient(45deg, #eee 25%, transparent 25%, transparent 75%, #eee 75%, #eee);
17 background-position: 0 0, 10px 10px;
18 background-size: 20px 20px;
19
20 bottom: 0;
21 right: 0;
22 width: 640px;
23 height: 384px;
24 overflow: auto;
25 z-index: 98;
26 border: 1px solid #ccc;
27 margin: 0 auto;
28
29 /* Prevent leaking position fixed elements outside the testing container */
30 transform: translateZ(0);
31}
32
33#ember-testing-container.ember-testing-container-full-screen {
34 width: 100%;
35 height: 100%;
36 overflow: auto;
37 z-index: 98;
38 border: none;
39 right: 0;
40}
41
42#ember-testing-container.ember-testing-container-hidden {
43 opacity: 0;
44 pointer-events: none;
45}
46
47#ember-testing {
48 width: 200%;
49 height: 200%;
50 transform: scale(0.5);
51 transform-origin: top left;
52}
53
54.ember-testing-container-full-screen #ember-testing {
55 position: absolute;
56 width: 100%;
57 height: 100%;
58 transform: scale(1);
59}
60
61#qunit-tests > li:last-child {
62 margin-bottom: 384px;
63}
64
65@supports (display: flex) or (display: -webkit-box) {
66 @media (min-height: 500px) {
67 #qunit-tests {
68 overflow: auto;
69 }
70
71 #ember-testing-container {
72 right: 30px;
73 }
74 }
75}