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