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

Side by Side Diff: chrome/browser/resources/options/chromeos/change_picture_options.css

Issue 1533123002: Fix visibility of flip icon for camera images (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@master
Patch Set: . Created 5 years 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 | chrome/browser/resources/options/chromeos/change_picture_options.js » ('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 (c) 2012 The Chromium Authors. All rights reserved. 1 /* Copyright (c) 2012 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 #user-images-area { 5 #user-images-area {
6 display: -webkit-box; 6 display: -webkit-box;
7 } 7 }
8 8
9 #user-image-grid { 9 #user-image-grid {
10 -webkit-user-drag: none; 10 -webkit-user-drag: none;
(...skipping 115 matching lines...) Expand 10 before | Expand all | Expand 10 after
126 position: absolute; 126 position: absolute;
127 top: 50%; 127 top: 50%;
128 width: 44px; 128 width: 44px;
129 } 129 }
130 130
131 .camera.live:not(.online) .user-image-stream-area .spinner { 131 .camera.live:not(.online) .user-image-stream-area .spinner {
132 display: block; 132 display: block;
133 } 133 }
134 134
135 #flip-photo { 135 #flip-photo {
136 -webkit-transition: opacity 75ms linear;
137 background: url(chrome://theme/IDR_MIRROR_FLIP) no-repeat; 136 background: url(chrome://theme/IDR_MIRROR_FLIP) no-repeat;
138 border: none; 137 border: none;
139 bottom: 44px; /* 8px + image bottom. */ 138 bottom: 44px; /* 8px + image bottom. */
140 display: block; 139 display: block;
141 height: 32px; 140 height: 32px;
142 opacity: 0;
143 position: absolute; 141 position: absolute;
144 right: 8px; 142 right: 8px;
145 width: 32px; 143 width: 32px;
146 } 144 }
147 145
148 /* TODO(merkulova): remove when webkit crbug.com/126479 is fixed. */
149 .flip-trick {
150 -webkit-transform: translateZ(1px);
151 }
152
153 html[dir=rtl] #flip-photo { 146 html[dir=rtl] #flip-photo {
154 left: 8px; 147 left: 8px;
155 right: auto; 148 right: auto;
156 } 149 }
157 150
158 /* "Flip photo" button is hidden during flip animation. */
159 .camera.online:not(.animation) #flip-photo,
160 .camera:not(.live):not(.animation) #flip-photo {
161 opacity: 0.75;
162 }
163
164 #discard-photo, 151 #discard-photo,
165 #take-photo { 152 #take-photo {
166 display: none; 153 display: none;
167 height: 25px; 154 height: 25px;
168 margin: 4px; 155 margin: 4px;
169 padding: 0; 156 padding: 0;
170 width: 220px; 157 width: 220px;
171 } 158 }
172 159
173 .camera:not(.live) #discard-photo { 160 .camera:not(.live) #discard-photo {
174 background: url(chrome://theme/IDR_USER_IMAGE_RECYCLE) 161 background: url(chrome://theme/IDR_USER_IMAGE_RECYCLE)
175 no-repeat center center; 162 no-repeat center center;
176 display: block; 163 display: block;
177 } 164 }
178 165
179 .camera.live.online #take-photo { 166 .camera.live.online #take-photo {
180 background: url(chrome://theme/IDR_USER_IMAGE_CAPTURE) 167 background: url(chrome://theme/IDR_USER_IMAGE_CAPTURE)
181 no-repeat center -1px; 168 no-repeat center -1px;
182 display: block; 169 display: block;
183 } 170 }
184 171
185 #user-image-attribution { 172 #user-image-attribution {
186 -webkit-padding-start: 34px; 173 -webkit-padding-start: 34px;
187 line-height: 26px; 174 line-height: 26px;
188 } 175 }
189 176
190 #user-image-author-website { 177 #user-image-author-website {
191 -webkit-padding-start: 5px; 178 -webkit-padding-start: 5px;
192 } 179 }
OLDNEW
« no previous file with comments | « no previous file | chrome/browser/resources/options/chromeos/change_picture_options.js » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698