OLD | NEW |
1 /* | 1 /* |
2 * User-agent level style sheet defaults for the Fullscreen API | 2 * User-agent level style sheet defaults for the Fullscreen API |
3 * https://fullscreen.spec.whatwg.org/#user-agent-level-style-sheet-defaults | 3 * https://fullscreen.spec.whatwg.org/#user-agent-level-style-sheet-defaults |
4 * | 4 * |
5 * FIXME: Use the :fullscreen pseudo-class instead of :-webkit-full-screen. | 5 * FIXME: Use the :fullscreen pseudo-class instead of :-webkit-full-screen. |
6 * (see crbug.com/402378) | 6 * (see crbug.com/402378) |
7 */ | 7 */ |
8 | 8 |
9 :not(:root):-webkit-full-screen { | 9 :not(:root):-webkit-full-screen { |
10 position: fixed !important; | 10 position: fixed !important; |
11 top: 0 !important; | 11 top: 0 !important; |
12 right: 0 !important; | 12 right: 0 !important; |
13 bottom: 0 !important; | 13 bottom: 0 !important; |
14 left: 0 !important; | 14 left: 0 !important; |
15 margin: 0 !important; | 15 margin: 0 !important; |
16 box-sizing: border-box !important; | 16 box-sizing: border-box !important; |
17 min-width: 0 !important; | 17 min-width: 0 !important; |
18 max-width: none !important; | 18 max-width: none !important; |
19 min-height: 0 !important; | 19 min-height: 0 !important; |
20 max-height: none !important; | 20 max-height: none !important; |
21 width: 100% !important; | 21 width: 100% !important; |
22 height: 100% !important; | 22 height: 100% !important; |
23 object-fit: contain !important; | 23 object-fit: contain !important; |
24 transform: none !important; | 24 transform: none !important; |
25 } | 25 } |
26 | 26 |
27 iframe:-webkit-full-screen { | 27 iframe:-webkit-full-screen { |
28 border: none; | |
29 } | |
30 | |
31 /* Anything below are extensions over what the Fullscreen API mandates. */ | |
32 | |
33 /* The border and padding of fullscreen iframes are removed, as there are sites | |
34 that set border or padding on iframes with the apparent expectation that they | |
35 will be ignored in fullscreen (see crbug.com/468292 and crbug.com/469133). | |
36 TODO(philipj): Remove this or merge into the above block when the spec bug | |
37 has been resolved: https://www.w3.org/Bugs/Public/show_bug.cgi?id=28332 */ | |
38 iframe:-webkit-full-screen { | |
39 border: none !important; | 28 border: none !important; |
40 padding: 0 !important; | 29 padding: 0 !important; |
41 } | 30 } |
42 | 31 |
| 32 /* Anything below are extensions over what the Fullscreen API mandates. */ |
| 33 |
43 /* FIXME: Remove these rules when moving Fullscreen to top layer. | 34 /* FIXME: Remove these rules when moving Fullscreen to top layer. |
44 (see crbug.com/240576) */ | 35 (see crbug.com/240576) */ |
45 :-webkit-full-screen { | 36 :-webkit-full-screen { |
46 background-color: white; | 37 background-color: white; |
47 z-index: 2147483647 !important; | 38 z-index: 2147483647 !important; |
48 } | 39 } |
49 | 40 |
50 video:-webkit-full-screen, audio:-webkit-full-screen { | 41 video:-webkit-full-screen, audio:-webkit-full-screen { |
51 background-color: transparent !important; | 42 background-color: transparent !important; |
52 } | 43 } |
(...skipping 11 matching lines...) Expand all Loading... |
64 -webkit-perspective: none !important; | 55 -webkit-perspective: none !important; |
65 -webkit-transform-style: flat !important; | 56 -webkit-transform-style: flat !important; |
66 } | 57 } |
67 | 58 |
68 /* This prevents video from overflowing the viewport in | 59 /* This prevents video from overflowing the viewport in |
69 virtual/android/fullscreen/video-scrolled-iframe.html | 60 virtual/android/fullscreen/video-scrolled-iframe.html |
70 FIXME: We should remove this (see crbug.com/441890). */ | 61 FIXME: We should remove this (see crbug.com/441890). */ |
71 :-webkit-full-screen-ancestor { | 62 :-webkit-full-screen-ancestor { |
72 overflow: hidden !important; | 63 overflow: hidden !important; |
73 } | 64 } |
OLD | NEW |