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

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

Issue 473793003: Video Player: Adds hover state cast icons (Closed) Base URL: svn://svn.chromium.org/chrome/trunk/src
Patch Set: rebase Created 6 years, 4 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 | « no previous file | ui/file_manager/video_player/images/100/cast_off_hover.png » ('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;
(...skipping 63 matching lines...) Expand 10 before | Expand all | Expand 10 after
74 url(../images/100/cast_off.png) 1x, 74 url(../images/100/cast_off.png) 1x,
75 url(../images/200/cast_off.png) 2x); 75 url(../images/200/cast_off.png) 2x);
76 } 76 }
77 77
78 #video-player[casting] > .header > button.cast-button { 78 #video-player[casting] > .header > button.cast-button {
79 background-image: -webkit-image-set( 79 background-image: -webkit-image-set(
80 url(../images/100/cast_on.png) 1x, 80 url(../images/100/cast_on.png) 1x,
81 url(../images/200/cast_on.png) 2x); 81 url(../images/200/cast_on.png) 2x);
82 } 82 }
83 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
84 #video-player > .header > button.cast-button { 96 #video-player > .header > button.cast-button {
85 display: none; 97 display: none;
86 } 98 }
87 99
88 #video-player[cast-available][castable] > .header > button.cast-button { 100 #video-player[cast-available][castable] > .header > button.cast-button {
89 display: block; 101 display: block;
90 } 102 }
91 103
92 #video-player > .header > button.minimize-button { 104 #video-player > .header > button.minimize-button {
93 background-image: -webkit-image-set( 105 background-image: -webkit-image-set(
94 url(chrome://resources/images/apps/topbar_button_minimize.png) 1x, 106 url(chrome://resources/images/apps/topbar_button_minimize.png) 1x,
95 url(chrome://resources/images/2x/apps/topbar_button_minimize.png) 2x); 107 url(chrome://resources/images/2x/apps/topbar_button_minimize.png) 2x);
96 } 108 }
97 109
98 #video-player > .header > button.maximize-button { 110 #video-player > .header > button.maximize-button {
99 background-image: -webkit-image-set( 111 background-image: -webkit-image-set(
100 url(chrome://resources/images/apps/topbar_button_maximize.png) 1x, 112 url(chrome://resources/images/apps/topbar_button_maximize.png) 1x,
101 url(chrome://resources/images/2x/apps/topbar_button_maximize.png) 2x); 113 url(chrome://resources/images/2x/apps/topbar_button_maximize.png) 2x);
102 } 114 }
103 115
104 #video-player > .header > button.close-button { 116 #video-player > .header > button.close-button {
105 background-image: -webkit-image-set( 117 background-image: -webkit-image-set(
106 url(chrome://resources/images/apps/topbar_button_close.png) 1x, 118 url(chrome://resources/images/apps/topbar_button_close.png) 1x,
107 url(chrome://resources/images/2x/apps/topbar_button_close.png) 2x); 119 url(chrome://resources/images/2x/apps/topbar_button_close.png) 2x);
108 } 120 }
OLDNEW
« no previous file with comments | « no previous file | ui/file_manager/video_player/images/100/cast_off_hover.png » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698