OLD | NEW |
1 :not(:root):-webkit-full-screen { | 1 :-webkit-full-screen { |
2 position: fixed !important; | 2 background-color: white; |
3 top: 0 !important; | 3 z-index: 2147483647 !important; |
4 right: 0 !important; | 4 } |
5 bottom: 0 !important; | 5 |
| 6 :root:-webkit-full-screen-ancestor { |
| 7 overflow: hidden !important; |
| 8 } |
| 9 |
| 10 :-webkit-full-screen-ancestor:not(iframe) { |
| 11 z-index: auto !important; |
| 12 position: static !important; |
| 13 opacity: 1 !important; |
| 14 transform: none !important; |
| 15 -webkit-mask: none !important; |
| 16 clip: none !important; |
| 17 -webkit-filter: none !important; |
| 18 transition: none !important; |
| 19 -webkit-box-reflect: none !important; |
| 20 -webkit-perspective: none !important; |
| 21 -webkit-transform-style: flat !important; |
| 22 } |
| 23 |
| 24 video:-webkit-full-screen, audio:-webkit-full-screen { |
| 25 background-color: transparent !important; |
| 26 position: relative !important; |
6 left: 0 !important; | 27 left: 0 !important; |
| 28 top: 0 ! important; |
7 margin: 0 !important; | 29 margin: 0 !important; |
8 box-sizing: border-box !important; | |
9 min-width: 0 !important; | 30 min-width: 0 !important; |
10 max-width: none !important; | 31 max-width: none !important; |
11 min-height: 0 !important; | 32 min-height: 0 !important; |
12 max-height: none !important; | 33 max-height: none !important; |
13 width: 100% !important; | 34 width: 100% !important; |
14 height: 100% !important; | 35 height: 100% !important; |
15 object-fit: contain !important; | 36 flex: 1 !important; |
| 37 display: block !important; |
16 transform: none !important; | 38 transform: none !important; |
17 } | 39 } |
18 | 40 |
19 iframe:-webkit-full-screen { | 41 img:-webkit-full-screen { |
20 border: none !important; | 42 width: auto; |
21 padding: 0 !important; | 43 height: 100%; |
| 44 max-width: 100%; |
22 } | 45 } |
23 | 46 |
24 :not(:root):-webkit-full-screen::backdrop { | 47 iframe:-webkit-full-screen { |
25 position: fixed; | 48 margin: 0 !important; |
26 top: 0; | 49 padding: 0 !important; |
27 right: 0; | 50 border: 0 !important; |
28 bottom: 0; | 51 position: fixed !important; |
29 left: 0; | 52 min-width: 0 !important; |
30 background: black; | 53 max-width: none !important; |
| 54 min-height: 0 !important; |
| 55 max-height: none !important; |
| 56 width: 100% !important; |
| 57 height: 100% !important; |
| 58 left: 0 !important; |
| 59 top: 0 !important; |
31 } | 60 } |
32 | |
33 /* Anything below are extensions over what the Fullscreen API (29 September 2015
) mandates. */ | |
34 | |
35 /* This prevents video from overflowing the viewport in | |
36 virtual/android/fullscreen/video-scrolled-iframe.html | |
37 FIXME: We should remove this (see crbug.com/441890). */ | |
38 :root:-webkit-full-screen-ancestor { | |
39 overflow: hidden; | |
40 } | |
OLD | NEW |