OLD | NEW |
1 :-webkit-full-screen { | 1 :-webkit-full-screen { |
2 background-color: white; | 2 background-color: white; |
3 z-index: 2147483647 !important; | 3 z-index: 2147483647 !important; |
4 } | 4 } |
5 | 5 |
6 :root:-webkit-full-screen-document:not(:-webkit-full-screen), :root:-webkit-full
-screen-ancestor { | 6 :root:-webkit-full-screen-document:not(:-webkit-full-screen), :root:-webkit-full
-screen-ancestor { |
7 overflow: hidden !important; | 7 overflow: hidden !important; |
8 } | 8 } |
9 | 9 |
10 :-webkit-full-screen-ancestor:not(iframe) { | 10 :-webkit-full-screen-ancestor:not(iframe) { |
11 z-index: auto !important; | 11 z-index: auto !important; |
12 position: static !important; | 12 position: static !important; |
13 opacity: 1 !important; | 13 opacity: 1 !important; |
14 -webkit-transform: none !important; | 14 -webkit-transform: none !important; |
15 -webkit-mask: none !important; | 15 -webkit-mask: none !important; |
16 clip: none !important; | 16 clip: none !important; |
17 -webkit-filter: none !important; | 17 -webkit-filter: none !important; |
18 transition: none !important; | 18 transition: none !important; |
19 -webkit-box-reflect: none !important; | 19 -webkit-box-reflect: none !important; |
20 -webkit-perspective: none !important; | 20 -webkit-perspective: none !important; |
21 -webkit-transform-style: flat !important; | 21 -webkit-transform-style: flat !important; |
22 } | 22 } |
23 | 23 |
24 video:-webkit-full-screen, audio:-webkit-full-screen { | 24 video:-webkit-full-screen, audio:-webkit-full-screen { |
25 background-color: transparent !important; | 25 background-color: transparent !important; |
26 position: relative !important; | 26 position: relative !important; |
27 left: 0 !important; | 27 left: 0 !important; |
28 top: 0 ! important; | 28 top: 0 ! important; |
29 margin: 0 !important; | 29 margin: 0 !important; |
| 30 min-width: 0 !important; |
| 31 max-width: none !important; |
| 32 min-height: 0 !important; |
| 33 max-height: none !important; |
| 34 width: 100% !important; |
30 height: 100% !important; | 35 height: 100% !important; |
31 width: 100% !important; | |
32 flex: 1 !important; | 36 flex: 1 !important; |
33 display: block !important; | 37 display: block !important; |
34 -webkit-transform: none !important; | 38 -webkit-transform: none !important; |
35 } | 39 } |
36 | 40 |
37 img:-webkit-full-screen { | 41 img:-webkit-full-screen { |
38 width: auto; | 42 width: auto; |
39 height: 100%; | 43 height: 100%; |
40 max-width: 100%; | 44 max-width: 100%; |
41 } | 45 } |
42 | 46 |
43 iframe:-webkit-full-screen { | 47 iframe:-webkit-full-screen { |
44 margin: 0 !important; | 48 margin: 0 !important; |
45 padding: 0 !important; | 49 padding: 0 !important; |
46 border: 0 !important; | 50 border: 0 !important; |
47 position: fixed !important; | 51 position: fixed !important; |
| 52 min-width: 0 !important; |
| 53 max-width: none !important; |
| 54 min-height: 0 !important; |
| 55 max-height: none !important; |
| 56 width: 100% !important; |
48 height: 100% !important; | 57 height: 100% !important; |
49 width: 100% !important; | |
50 left: 0 !important; | 58 left: 0 !important; |
51 top: 0 !important; | 59 top: 0 !important; |
52 } | 60 } |
OLD | NEW |