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

Side by Side Diff: chrome/browser/resources/history/history.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
« no previous file with comments | « chrome/browser/resources/help/help_page.js ('k') | chrome/browser/resources/history/history.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 html[dir='rtl'] body.uber-frame > .page { 5 html[dir='rtl'] body.uber-frame > .page {
6 -webkit-margin-end: 0; 6 -webkit-margin-end: 0;
7 } 7 }
8 8
9 body.uber-frame > .page.big-topbar-page { 9 body.uber-frame > .page.big-topbar-page {
10 padding-top: 78px; 10 padding-top: 78px;
(...skipping 269 matching lines...) Expand 10 before | Expand all | Expand 10 after
280 width: 100%; 280 width: 100%;
281 } 281 }
282 282
283 .search-results, 283 .search-results,
284 .day-results { 284 .day-results {
285 margin: 0 0 24px 0; 285 margin: 0 0 24px 0;
286 padding: 0; 286 padding: 0;
287 } 287 }
288 288
289 .site-results { 289 .site-results {
290 -webkit-transition: height 350ms ease-in-out;
291 clear: left; 290 clear: left;
292 margin: 0; 291 margin: 0;
293 overflow: hidden; 292 overflow: hidden;
294 padding: 0; 293 padding: 0;
294 transition: height 350ms ease-in-out;
295 } 295 }
296 296
297 .site-results.grouped { 297 .site-results.grouped {
298 -webkit-padding-start: 18px; 298 -webkit-padding-start: 18px;
299 } 299 }
300 300
301 .no-checkboxes .site-results.grouped { 301 .no-checkboxes .site-results.grouped {
302 -webkit-padding-start: 21px; 302 -webkit-padding-start: 21px;
303 } 303 }
304 304
(...skipping 68 matching lines...) Expand 10 before | Expand all | Expand 10 after
373 .site-domain-wrapper:hover .site-domain-row, 373 .site-domain-wrapper:hover .site-domain-row,
374 .entry-box:hover { 374 .entry-box:hover {
375 background-color: rgba(0, 0, 0, .025); 375 background-color: rgba(0, 0, 0, .025);
376 } 376 }
377 377
378 .filter-status { 378 .filter-status {
379 -webkit-margin-start: 10px; 379 -webkit-margin-start: 10px;
380 } 380 }
381 381
382 .filter-status > div { 382 .filter-status > div {
383 flex: 0 0 auto;
384 -webkit-transition: background-color 150ms;
385 border-radius: 3px; 383 border-radius: 3px;
386 display: none; 384 display: none;
385 flex: 0 0 auto;
387 font-size: 11px; 386 font-size: 11px;
388 height: 14px; 387 height: 14px;
389 line-height: 12px; 388 line-height: 12px;
389 transition: background-color 150ms;
390 white-space: nowrap; 390 white-space: nowrap;
391 } 391 }
392 392
393 .filter-status > div.filter-allowed, 393 .filter-status > div.filter-allowed,
394 .filter-status > div.filter-blocked, 394 .filter-status > div.filter-blocked,
395 .filter-status > div.in-content-pack-active, 395 .filter-status > div.in-content-pack-active,
396 .filter-status > div.in-content-pack-passive, 396 .filter-status > div.in-content-pack-passive,
397 .filter-status > div.blocked-visit-active { 397 .filter-status > div.blocked-visit-active {
398 display: block; 398 display: block;
399 margin: 3px 3px 3px 0; 399 margin: 3px 3px 3px 0;
(...skipping 73 matching lines...) Expand 10 before | Expand all | Expand 10 after
473 flex-shrink: 0; 473 flex-shrink: 0;
474 height: 16px; 474 height: 16px;
475 width: 16px; 475 width: 16px;
476 } 476 }
477 477
478 .site-domain button:hover { 478 .site-domain button:hover {
479 text-decoration: none; 479 text-decoration: none;
480 } 480 }
481 481
482 .site-domain-arrow { 482 .site-domain-arrow {
483 -webkit-transition: transform 300ms linear;
484 background: url(../disclosure_triangle_small.png) no-repeat; 483 background: url(../disclosure_triangle_small.png) no-repeat;
485 background-position: 5px 5px; 484 background-position: 5px 5px;
486 color: rgb(143, 143, 143); 485 color: rgb(143, 143, 143);
487 height: 21px; 486 height: 21px;
488 margin-right: 2px; 487 margin-right: 2px;
489 opacity: 0.58; 488 opacity: 0.58;
490 text-align: center; 489 text-align: center;
491 transform: rotate(0); 490 transform: rotate(0);
491 transition: transform 300ms linear;
492 width: 21px; 492 width: 21px;
493 } 493 }
494 494
495 html[dir='rtl'] .site-domain-arrow { 495 html[dir='rtl'] .site-domain-arrow {
496 transform: rotate(180deg); 496 transform: rotate(180deg);
497 } 497 }
498 498
499 html .expand .site-domain-arrow { 499 html .expand .site-domain-arrow {
500 transform: rotate(90deg); 500 transform: rotate(90deg);
501 } 501 }
(...skipping 32 matching lines...) Expand 10 before | Expand all | Expand 10 after
534 534
535 .entry .title > a.to-be-removed { 535 .entry .title > a.to-be-removed {
536 text-decoration: line-through; 536 text-decoration: line-through;
537 } 537 }
538 538
539 .entry .title > a:hover { 539 .entry .title > a:hover {
540 text-decoration: underline; 540 text-decoration: underline;
541 } 541 }
542 542
543 .fade-out { 543 .fade-out {
544 -webkit-transition: opacity 200ms;
545 opacity: 0; 544 opacity: 0;
545 transition: opacity 200ms;
546 } 546 }
547 547
548 button.menu-button.drop-down { 548 button.menu-button.drop-down {
549 -webkit-margin-end: 0; 549 -webkit-margin-end: 0;
550 min-width: 12px; 550 min-width: 12px;
551 top: 0; 551 top: 0;
552 } 552 }
553 553
554 #action-menu > [role=menuitem] { 554 #action-menu > [role=menuitem] {
555 line-height: 29px; 555 line-height: 29px;
(...skipping 75 matching lines...) Expand 10 before | Expand all | Expand 10 after
631 631
632 #action-menu[data-devicetype='phone']::before { 632 #action-menu[data-devicetype='phone']::before {
633 background-image: url(../../../../ui/webui/resources/images/smartphone.svg); 633 background-image: url(../../../../ui/webui/resources/images/smartphone.svg);
634 background-position: 14px center; 634 background-position: 14px center;
635 padding-left: 43px; 635 padding-left: 43px;
636 } 636 }
637 637
638 #action-menu[data-devicetype='tablet']::before { 638 #action-menu[data-devicetype='tablet']::before {
639 background-image: url(../../../../ui/webui/resources/images/tablet.svg); 639 background-image: url(../../../../ui/webui/resources/images/tablet.svg);
640 } 640 }
OLDNEW
« no previous file with comments | « chrome/browser/resources/help/help_page.js ('k') | chrome/browser/resources/history/history.js » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698