Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(1138)

Side by Side Diff: third_party/WebKit/Source/core/css/fullscreen.css

Issue 1410833004: Revert "Implement FullScreen using top layer." (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@master
Patch Set: Created 5 years, 2 months ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View unified diff | Download patch
OLDNEW
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 }
OLDNEW
« no previous file with comments | « third_party/WebKit/Source/core/core.gypi ('k') | third_party/WebKit/Source/core/css/resolver/StyleAdjuster.cpp » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698