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

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

Issue 254633002: Start using the mediaControlsOverlayPlayButtonEnabled setting (Closed) Base URL: svn://svn.chromium.org/blink/trunk
Patch Set: Created 6 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 | « Source/core/css/mediaControls.css ('k') | Source/core/html/shadow/MediaControls.cpp » ('j') | no next file with comments »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
OLDNEW
1 /* 1 /*
2 * Copyright (C) 2012 Google Inc. 2 * Copyright (C) 2012 Google Inc.
3 * 3 *
4 * Redistribution and use in source and binary forms, with or without 4 * Redistribution and use in source and binary forms, with or without
5 * modification, are permitted provided that the following conditions 5 * modification, are permitted provided that the following conditions
6 * are met: 6 * are met:
7 * 1. Redistributions of source code must retain the above copyright 7 * 1. Redistributions of source code must retain the above copyright
8 * notice, this list of conditions and the following disclaimer. 8 * notice, this list of conditions and the following disclaimer.
9 * 2. Redistributions in binary form must reproduce the above copyright 9 * 2. Redistributions in binary form must reproduce the above copyright
10 * notice, this list of conditions and the following disclaimer in the 10 * notice, this list of conditions and the following disclaimer in the
(...skipping 20 matching lines...) Expand all
31 } 31 }
32 32
33 audio::-webkit-media-controls-enclosure { 33 audio::-webkit-media-controls-enclosure {
34 height: 35px; 34 height: 35px;
35 } 35 }
36 36
37 video::-webkit-media-controls-enclosure { 37 video::-webkit-media-controls-enclosure {
38 height: 40px; 38 height: 40px;
39 } 39 }
40 40
41 video::-webkit-media-controls-overlay-enclosure {
42 display: flex;
43 position: relative;
44 flex-direction: column;
45 justify-content: flex-end;
46 align-items: center;
47 flex: 1 1;
48 width: 100%;
49 max-width: 800px;
50 text-indent: 0;
51 box-sizing: border-box;
52 overflow: hidden;
53 }
54
55 audio::-webkit-media-controls-panel, video::-webkit-media-controls-panel { 41 audio::-webkit-media-controls-panel, video::-webkit-media-controls-panel {
56 height: 35px; 42 height: 35px;
57 } 43 }
58 44
59 audio::-webkit-media-controls-mute-button, video::-webkit-media-controls-mute-bu tton { 45 audio::-webkit-media-controls-mute-button, video::-webkit-media-controls-mute-bu tton {
60 display: none; 46 display: none;
61 } 47 }
62 48
63 video::-webkit-media-controls-overlay-play-button {
64 -webkit-appearance: media-overlay-play-button;
65 display: flex;
66 position: absolute;
67 top: 50%;
68 left: 50%;
69 margin-left: -40px;
70 margin-top: -40px;
71 border: none;
72 box-sizing: border-box;
73 background-color: transparent;
74 width: 80px;
75 height: 80px;
76 padding: 0;
77 }
78
79 audio::-webkit-media-controls-play-button, video::-webkit-media-controls-play-bu tton { 49 audio::-webkit-media-controls-play-button, video::-webkit-media-controls-play-bu tton {
80 width: 35px; 50 width: 35px;
81 height: 35px; 51 height: 35px;
82 line-height: 35px; 52 line-height: 35px;
83 } 53 }
84 54
85 audio::-webkit-media-controls-current-time-display, video::-webkit-media-control s-current-time-display, 55 audio::-webkit-media-controls-current-time-display, video::-webkit-media-control s-current-time-display,
86 audio::-webkit-media-controls-time-remaining-display, video::-webkit-media-contr ols-time-remaining-display { 56 audio::-webkit-media-controls-time-remaining-display, video::-webkit-media-contr ols-time-remaining-display {
87 height: 35px; 57 height: 35px;
88 line-height: 35px; 58 line-height: 35px;
(...skipping 12 matching lines...) Expand all
101 71
102 audio::-webkit-media-controls-fullscreen-button { 72 audio::-webkit-media-controls-fullscreen-button {
103 display: none; 73 display: none;
104 } 74 }
105 75
106 video::-webkit-media-controls-toggle-closed-captions-button { 76 video::-webkit-media-controls-toggle-closed-captions-button {
107 width: 35px; 77 width: 35px;
108 height: 35px; 78 height: 35px;
109 line-height: 35px; 79 line-height: 35px;
110 } 80 }
OLDNEW
« no previous file with comments | « Source/core/css/mediaControls.css ('k') | Source/core/html/shadow/MediaControls.cpp » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698