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

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

Issue 1058083003: Revert recent changes to the Fullscreen UA style sheet (Closed) Base URL: svn://svn.chromium.org/blink/trunk
Patch Set: Created 5 years, 8 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 | Annotate | Revision Log
« no previous file with comments | « LayoutTests/fullscreen/rendering/ua-style-root.html ('k') | no next file » | no next file with comments »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
OLDNEW
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 }
OLDNEW
« no previous file with comments | « LayoutTests/fullscreen/rendering/ua-style-root.html ('k') | no next file » | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698