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

Side by Side Diff: ui/file_manager/video_player/css/header.css

Issue 603273006: Move the casting icon to media controls. (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@master
Patch Set: Created 6 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
« no previous file with comments | « no previous file | ui/file_manager/video_player/css/media_controls.css » ('j') | no next file with comments »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
OLDNEW
1 /* Copyright 2014 The Chromium Authors. All rights reserved. 1 /* Copyright 2014 The Chromium Authors. All rights reserved.
2 * Use of this source code is governed by a BSD-style license that can be 2 * Use of this source code is governed by a BSD-style license that can be
3 * found in the LICENSE file. */ 3 * found in the LICENSE file. */
4 4
5 #video-player > .header { 5 #video-player > .header {
6 -webkit-app-region: drag; 6 -webkit-app-region: drag;
7 background: rgba(30, 30, 30, 0.8); 7 background: rgba(30, 30, 30, 0.8);
8 border-bottom: 1px solid rgba(50, 50, 50, 0.8); 8 border-bottom: 1px solid rgba(50, 50, 50, 0.8);
9 display: flex; 9 display: flex;
10 flex-direction: row; 10 flex-direction: row;
11 height: 45px; 11 height: 45px;
12 opacity: 1; 12 opacity: 1;
13 pointer-events: auto; 13 pointer-events: auto;
14 position: absolute; 14 position: absolute;
15 top: 0; 15 top: 0;
16 width: 100%; 16 width: 100%;
17 z-index: 200; 17 z-index: 200;
18 } 18 }
19 19
20 #video-player > .header > #title { 20 #video-player > .header > #title {
21 color: white; 21 color: white;
22 flex-grow: 1; 22 flex-grow: 1;
23 font-size: 16px; 23 font-size: 16px;
24 height: 16px; 24 line-height: 45px;
25 overflow: hidden; 25 overflow: hidden;
26 padding: 15px; 26 padding-left: 15px;
27 text-overflow: ellipsis; 27 text-overflow: ellipsis;
28 white-space: nowrap; 28 white-space: nowrap;
29 } 29 }
30 30
31 #video-player > .header > button, 31 #video-player > .header > button,
32 #video-player > .header > button[disabled] { 32 #video-player > .header > button[disabled] {
33 align-content: center; 33 align-content: center;
34 background-color: rgba(0, 0, 0, 0); 34 background-color: rgba(0, 0, 0, 0);
35 background-position: center; 35 background-position: center;
36 background-repeat: no-repeat; 36 background-repeat: no-repeat;
(...skipping 25 matching lines...) Expand all
62 62
63 #video-player > .header > button { 63 #video-player > .header > button {
64 -webkit-app-region: no-drag; 64 -webkit-app-region: no-drag;
65 -webkit-margin-end: 10px; 65 -webkit-margin-end: 10px;
66 cursor: default; 66 cursor: default;
67 height: 32px; 67 height: 32px;
68 min-width: 32px; 68 min-width: 32px;
69 width: 32px; 69 width: 32px;
70 } 70 }
71 71
72 #video-player > .header > button.cast-button {
73 background-image: -webkit-image-set(
74 url(../images/100/cast_off.png) 1x,
75 url(../images/200/cast_off.png) 2x);
76 }
77
78 #video-player[casting] > .header > button.cast-button {
79 background-image: -webkit-image-set(
80 url(../images/100/cast_on.png) 1x,
81 url(../images/200/cast_on.png) 2x);
82 }
83
84 #video-player > .header > button.cast-button:hover {
85 background-image: -webkit-image-set(
86 url(../images/100/cast_off_hover.png) 1x,
87 url(../images/200/cast_off_hover.png) 2x);
88 }
89
90 #video-player[casting] > .header > button.cast-button:hover {
91 background-image: -webkit-image-set(
92 url(../images/100/cast_on_hover.png) 1x,
93 url(../images/200/cast_on_hover.png) 2x);
94 }
95
96 #video-player > .header > button.cast-button {
97 display: none;
98 }
99
100 #video-player[cast-available][castable] > .header > button.cast-button {
101 display: block;
102 }
103
104 #video-player > .header > button.minimize-button { 72 #video-player > .header > button.minimize-button {
105 background-image: -webkit-image-set( 73 background-image: -webkit-image-set(
106 url(chrome://resources/images/apps/topbar_button_minimize.png) 1x, 74 url(chrome://resources/images/apps/topbar_button_minimize.png) 1x,
107 url(chrome://resources/images/2x/apps/topbar_button_minimize.png) 2x); 75 url(chrome://resources/images/2x/apps/topbar_button_minimize.png) 2x);
108 } 76 }
109 77
110 #video-player > .header > button.maximize-button { 78 #video-player > .header > button.maximize-button {
111 background-image: -webkit-image-set( 79 background-image: -webkit-image-set(
112 url(chrome://resources/images/apps/topbar_button_maximize.png) 1x, 80 url(chrome://resources/images/apps/topbar_button_maximize.png) 1x,
113 url(chrome://resources/images/2x/apps/topbar_button_maximize.png) 2x); 81 url(chrome://resources/images/2x/apps/topbar_button_maximize.png) 2x);
114 } 82 }
115 83
116 #video-player > .header > button.close-button { 84 #video-player > .header > button.close-button {
117 background-image: -webkit-image-set( 85 background-image: -webkit-image-set(
118 url(chrome://resources/images/apps/topbar_button_close.png) 1x, 86 url(chrome://resources/images/apps/topbar_button_close.png) 1x,
119 url(chrome://resources/images/2x/apps/topbar_button_close.png) 2x); 87 url(chrome://resources/images/2x/apps/topbar_button_close.png) 2x);
120 } 88 }
OLDNEW
« no previous file with comments | « no previous file | ui/file_manager/video_player/css/media_controls.css » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698