| 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 } | 25 } |
| 25 | 26 |
| 26 iframe:-webkit-full-screen { | 27 iframe:-webkit-full-screen { |
| 27 border: none; | 28 border: none; |
| 28 } | 29 } |
| 29 | 30 |
| 30 /* Anything below are extensions over what the Fullscreen API mandates. */ | 31 /* Anything below are extensions over what the Fullscreen API mandates. */ |
| 31 | 32 |
| 32 /* The transform rule is needed to prevent transforms that make sense in the | |
| 33 context of the page from messing up the fullscreen rendering. It will likely | |
| 34 be added to the spec: https://www.w3.org/Bugs/Public/show_bug.cgi?id=27931 */ | |
| 35 :not(:root):-webkit-full-screen { | |
| 36 transform: none !important; | |
| 37 } | |
| 38 | |
| 39 /* FIXME: Remove these rules when moving Fullscreen to top layer. | 33 /* FIXME: Remove these rules when moving Fullscreen to top layer. |
| 40 (see crbug.com/240576) */ | 34 (see crbug.com/240576) */ |
| 41 :-webkit-full-screen { | 35 :-webkit-full-screen { |
| 42 background-color: white; | 36 background-color: white; |
| 43 z-index: 2147483647 !important; | 37 z-index: 2147483647 !important; |
| 44 } | 38 } |
| 45 | 39 |
| 46 video:-webkit-full-screen, audio:-webkit-full-screen { | 40 video:-webkit-full-screen, audio:-webkit-full-screen { |
| 47 background-color: transparent !important; | 41 background-color: transparent !important; |
| 48 } | 42 } |
| (...skipping 11 matching lines...) Expand all Loading... |
| 60 -webkit-perspective: none !important; | 54 -webkit-perspective: none !important; |
| 61 -webkit-transform-style: flat !important; | 55 -webkit-transform-style: flat !important; |
| 62 } | 56 } |
| 63 | 57 |
| 64 /* This prevents video from overflowing the viewport in | 58 /* This prevents video from overflowing the viewport in |
| 65 virtual/android/fullscreen/video-scrolled-iframe.html | 59 virtual/android/fullscreen/video-scrolled-iframe.html |
| 66 FIXME: We should remove this (see crbug.com/441890). */ | 60 FIXME: We should remove this (see crbug.com/441890). */ |
| 67 :-webkit-full-screen-ancestor { | 61 :-webkit-full-screen-ancestor { |
| 68 overflow: hidden !important; | 62 overflow: hidden !important; |
| 69 } | 63 } |
| OLD | NEW |