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

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

Issue 1414903008: Elim CSS transitions causing distortion in the user image (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@master
Patch Set: Created 5 years, 1 month 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 | 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 /* 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 62 matching lines...) Expand 10 before | Expand all | Expand 10 after
73 border-radius: 4px; 73 border-radius: 4px;
74 max-height: 220px; 74 max-height: 220px;
75 max-width: 220px; 75 max-width: 220px;
76 padding: 3px; 76 padding: 3px;
77 } 77 }
78 78
79 .camera.live #user-image-preview-img { 79 .camera.live #user-image-preview-img {
80 display: none; 80 display: none;
81 } 81 }
82 82
83 .animation #user-image-preview-img {
84 -webkit-transition: -webkit-transform 200ms linear;
85 }
86
87 .camera.flip-x #user-image-preview-img { 83 .camera.flip-x #user-image-preview-img {
88 -webkit-transform: rotateY(180deg); 84 -webkit-transform: rotateY(180deg);
89 } 85 }
90 86
91 .user-image-stream-area { 87 .user-image-stream-area {
92 display: none; 88 display: none;
93 position: relative; 89 position: relative;
94 } 90 }
95 91
96 .camera.live .user-image-stream-area { 92 .camera.live .user-image-stream-area {
97 display: block; 93 display: block;
98 } 94 }
99 95
100 #user-image-stream-crop { 96 #user-image-stream-crop {
101 /* TODO(ivankr): temporary workaround for crbug.com/142347. */
102 -webkit-transform: rotateY(360deg);
103 -webkit-transition: -webkit-transform 200ms linear;
104 height: 220px; 97 height: 220px;
105 overflow: hidden; 98 overflow: hidden;
106 position: relative; 99 position: relative;
107 width: 220px; 100 width: 220px;
108 } 101 }
109 102
110 .flip-x #user-image-stream-crop { 103 .flip-x #user-image-stream-crop {
111 -webkit-transform: rotateY(180deg); 104 -webkit-transform: rotateY(180deg);
112 } 105 }
113 106
(...skipping 76 matching lines...) Expand 10 before | Expand all | Expand 10 after
190 } 183 }
191 184
192 #user-image-attribution { 185 #user-image-attribution {
193 -webkit-padding-start: 34px; 186 -webkit-padding-start: 34px;
194 line-height: 26px; 187 line-height: 26px;
195 } 188 }
196 189
197 #user-image-author-website { 190 #user-image-author-website {
198 -webkit-padding-start: 5px; 191 -webkit-padding-start: 5px;
199 } 192 }
OLDNEW
« no previous file with comments | « no previous file | no next file » | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698