Index: third_party/WebKit/Source/core/css/fullscreen.css |
diff --git a/third_party/WebKit/Source/core/css/fullscreen.css b/third_party/WebKit/Source/core/css/fullscreen.css |
index f6a773a73e17bf7a0a5399429012a6d612dd3803..82cf84e0c89b43fee5a9e153794aeef20dfbf267 100644 |
--- a/third_party/WebKit/Source/core/css/fullscreen.css |
+++ b/third_party/WebKit/Source/core/css/fullscreen.css |
@@ -1,61 +1,35 @@ |
-:-webkit-full-screen { |
- background-color: white; |
- z-index: 2147483647 !important; |
-} |
- |
-:root:-webkit-full-screen-ancestor { |
- overflow: hidden !important; |
-} |
- |
-:-webkit-full-screen-ancestor:not(iframe) { |
- z-index: auto !important; |
- position: static !important; |
- opacity: 1 !important; |
- transform: none !important; |
- -webkit-mask: none !important; |
- clip: none !important; |
- -webkit-filter: none !important; |
- transition: none !important; |
- -webkit-box-reflect: none !important; |
- -webkit-perspective: none !important; |
- -webkit-transform-style: flat !important; |
- will-change: auto !important; |
-} |
- |
-video:-webkit-full-screen, audio:-webkit-full-screen { |
- background-color: transparent !important; |
- position: relative !important; |
+:not(:root):-webkit-full-screen { |
+ position: fixed !important; |
+ top: 0 !important; |
+ right: 0 !important; |
+ bottom: 0 !important; |
left: 0 !important; |
- top: 0 ! important; |
margin: 0 !important; |
+ box-sizing: border-box !important; |
min-width: 0 !important; |
max-width: none !important; |
min-height: 0 !important; |
max-height: none !important; |
width: 100% !important; |
height: 100% !important; |
- flex: 1 !important; |
- display: block !important; |
transform: none !important; |
-} |
-img:-webkit-full-screen { |
- width: auto; |
- height: 100%; |
- max-width: 100%; |
+ /* intentionally not !important */ |
+ object-fit: contain; |
} |
iframe:-webkit-full-screen { |
- margin: 0 !important; |
+ border: none !important; |
padding: 0 !important; |
- border: 0 !important; |
- position: fixed !important; |
- min-width: 0 !important; |
- max-width: none !important; |
- min-height: 0 !important; |
- max-height: none !important; |
- width: 100% !important; |
- height: 100% !important; |
- left: 0 !important; |
- top: 0 !important; |
+} |
+ |
+/* TODO(foolip): In the spec, there's a ::backdrop block with the properties |
+ shared with dialog::backdrop (see html.css). */ |
+:not(:root):-webkit-full-screen::backdrop { |
+ position: fixed; |
+ top: 0; |
+ right: 0; |
+ bottom: 0; |
+ left: 0; |
+ background: black; |
} |