1 |
|
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 |
|
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 | }
|