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

Side by Side Diff: chrome/browser/resources/options/options_page.css

Issue 2691883002: Uprefix CSS transitions in ui/ and chrome/ styles (Closed)
Patch Set: transitions only Created 3 years, 10 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
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 body { 5 body {
6 position: relative; 6 position: relative;
7 } 7 }
8 8
9 #main-content { 9 #main-content {
10 bottom: 0; 10 bottom: 0;
(...skipping 107 matching lines...) Expand 10 before | Expand all | Expand 10 after
118 box-sizing: border-box; 118 box-sizing: border-box;
119 min-height: 125px; 119 min-height: 125px;
120 padding-left: 20px; 120 padding-left: 20px;
121 padding-top: 20px; 121 padding-top: 20px;
122 } 122 }
123 123
124 124
125 /* Editable text field properties */ 125 /* Editable text field properties */
126 .editable-text-field > * { 126 .editable-text-field > * {
127 -webkit-box-align: center; 127 -webkit-box-align: center;
128 -webkit-transition: 150ms background-color;
129 border: none; 128 border: none;
130 box-sizing: border-box; 129 box-sizing: border-box;
131 display: -webkit-box; 130 display: -webkit-box;
132 height: 20px; 131 height: 20px;
133 margin: 0; 132 margin: 0;
133 transition: 150ms background-color;
134 } 134 }
135 135
136 .editable-text-field > .spacer { 136 .editable-text-field > .spacer {
137 /* The above height rule should not apply to spacers. */ 137 /* The above height rule should not apply to spacers. */
138 height: 0; 138 height: 0;
139 } 139 }
140 140
141 .editable-text-field .editable-text { 141 .editable-text-field .editable-text {
142 padding: 2px 3px; 142 padding: 2px 3px;
143 } 143 }
(...skipping 19 matching lines...) Expand all
163 font-style: italic; 163 font-style: italic;
164 } 164 }
165 165
166 .editable-text-field[disabled] { 166 .editable-text-field[disabled] {
167 opacity: 0.6; 167 opacity: 0.6;
168 } 168 }
169 169
170 /* Editable List properties */ 170 /* Editable List properties */
171 list > * { 171 list > * {
172 -webkit-box-align: center; 172 -webkit-box-align: center;
173 -webkit-transition: 150ms background-color;
174 border: none; 173 border: none;
175 border-radius: 0; /* TODO(dbeam): Is this necessary? */ 174 border-radius: 0; /* TODO(dbeam): Is this necessary? */
176 box-sizing: border-box; 175 box-sizing: border-box;
177 display: -webkit-box; 176 display: -webkit-box;
178 height: 32px; 177 height: 32px;
179 margin: 0; 178 margin: 0;
179 transition: 150ms background-color;
180 } 180 }
181 181
182 list > .spacer { 182 list > .spacer {
183 /* The above height rule should not apply to spacers. When redraw is called 183 /* The above height rule should not apply to spacers. When redraw is called
184 on the list they will be given an explicit element height but this ensures 184 on the list they will be given an explicit element height but this ensures
185 they have 0 height to begin with. */ 185 they have 0 height to begin with. */
186 height: 0; 186 height: 0;
187 } 187 }
188 188
189 list:not([disabled]) > :hover { 189 list:not([disabled]) > :hover {
(...skipping 57 matching lines...) Expand 10 before | Expand all | Expand 10 after
247 } 247 }
248 248
249 list .deletable-item > :first-child { 249 list .deletable-item > :first-child {
250 -webkit-box-align: center; 250 -webkit-box-align: center;
251 -webkit-box-flex: 1; 251 -webkit-box-flex: 1;
252 -webkit-padding-end: 5px; 252 -webkit-padding-end: 5px;
253 display: -webkit-box; 253 display: -webkit-box;
254 } 254 }
255 255
256 list .row-delete-button { 256 list .row-delete-button {
257 -webkit-transition: 150ms opacity;
258 background-color: transparent; 257 background-color: transparent;
259 background-image: -webkit-image-set( 258 background-image: -webkit-image-set(
260 url(../../../../ui/resources/default_100_percent/close_2.png) 1x, 259 url(../../../../ui/resources/default_100_percent/close_2.png) 1x,
261 url(../../../../ui/resources/default_200_percent/close_2.png) 2x); 260 url(../../../../ui/resources/default_200_percent/close_2.png) 2x);
262 border: none; 261 border: none;
263 display: block; 262 display: block;
264 height: 16px; 263 height: 16px;
265 opacity: 1; 264 opacity: 1;
265 transition: 150ms opacity;
266 width: 16px; 266 width: 16px;
267 } 267 }
268 268
269 list > *:not(:hover):not([selected]):not([lead]) .row-delete-button, 269 list > *:not(:hover):not([selected]):not([lead]) .row-delete-button,
270 list:not([has-element-focus]) > *:not(:hover):not([selected]) 270 list:not([has-element-focus]) > *:not(:hover):not([selected])
271 .row-delete-button, 271 .row-delete-button,
272 list[disabled] .row-delete-button, 272 list[disabled] .row-delete-button,
273 list .row-delete-button[disabled] { 273 list .row-delete-button[disabled] {
274 opacity: 0; 274 opacity: 0;
275 pointer-events: none; 275 pointer-events: none;
(...skipping 49 matching lines...) Expand 10 before | Expand all | Expand 10 after
325 overflow: hidden; 325 overflow: hidden;
326 pointer-events: none; 326 pointer-events: none;
327 } 327 }
328 328
329 list > [editing] input:invalid { 329 list > [editing] input:invalid {
330 background-color: pink; 330 background-color: pink;
331 } 331 }
332 332
333 .list-inline-button { 333 .list-inline-button {
334 -webkit-appearance: none; 334 -webkit-appearance: none;
335 -webkit-transition: opacity 150ms;
336 background: rgb(138, 170, 237); 335 background: rgb(138, 170, 237);
337 border: none; 336 border: none;
338 border-radius: 2px; 337 border-radius: 2px;
339 color: white; 338 color: white;
340 font-weight: bold; 339 font-weight: bold;
341 opacity: 0.7; 340 opacity: 0.7;
341 transition: opacity 150ms;
342 } 342 }
343 343
344 .list-inline-button:hover { 344 .list-inline-button:hover {
345 opacity: 1; 345 opacity: 1;
346 } 346 }
347 347
348 .option-name { 348 .option-name {
349 -webkit-padding-end: 5px; 349 -webkit-padding-end: 5px;
350 } 350 }
351 351
(...skipping 90 matching lines...) Expand 10 before | Expand all | Expand 10 after
442 .standalone-action-link { 442 .standalone-action-link {
443 padding: 0; 443 padding: 0;
444 } 444 }
445 445
446 :-webkit-any(.checkbox, .radio) label ~ a { 446 :-webkit-any(.checkbox, .radio) label ~ a {
447 display: inline-block; 447 display: inline-block;
448 /* Matches padding of -webkit-any(.checkbox, .radio) */ 448 /* Matches padding of -webkit-any(.checkbox, .radio) */
449 padding-bottom: 7px; 449 padding-bottom: 7px;
450 vertical-align: bottom; 450 vertical-align: bottom;
451 } 451 }
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698