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

Issues Search
    My Issues | Starred     Open | Closed | All

Side by Side Diff: chrome/browser/resources/md_history/app.vulcanized.html

Issue 2314283002: Roll Polymer (Closed)
Patch Set: dep Created 4 years, 3 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/md_history/app.crisper.js ('k') | third_party/polymer/v1_0/components-chromium/iron-a11y-keys-behavior/bower.json » ('j') | no next file with comments »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
OLDNEW
1 <html><head><!-- 1 <html><head><!--
2 @license 2 @license
3 Copyright (c) 2014 The Polymer Project Authors. All rights reserved. 3 Copyright (c) 2014 The Polymer Project Authors. All rights reserved.
4 This code may only be used under the BSD style license found at http://polymer.g ithub.io/LICENSE.txt 4 This code may only be used under the BSD style license found at http://polymer.g ithub.io/LICENSE.txt
5 The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt 5 The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
6 The complete set of contributors may be found at http://polymer.github.io/CONTRI BUTORS.txt 6 The complete set of contributors may be found at http://polymer.github.io/CONTRI BUTORS.txt
7 Code distributed by Google as part of the polymer project is also 7 Code distributed by Google as part of the polymer project is also
8 subject to an additional IP rights grant found at http://polymer.github.io/PATEN TS.txt 8 subject to an additional IP rights grant found at http://polymer.github.io/PATEN TS.txt
9 --><!-- 9 --><!--
10 @license 10 @license
(...skipping 521 matching lines...) Expand 10 before | Expand all | Expand 10 after
532 -ms-flex-align: var(--layout-center-center_-_-ms-flex-align); -webkit-al ign-items: var(--layout-center-center_-_-webkit-align-items); align-items: var(- -layout-center-center_-_align-items); -ms-flex-pack: var(--layout-center-center_ -_-ms-flex-pack); -webkit-justify-content: var(--layout-center-center_-_-webkit- justify-content); justify-content: var(--layout-center-center_-_justify-content) ; 532 -ms-flex-align: var(--layout-center-center_-_-ms-flex-align); -webkit-al ign-items: var(--layout-center-center_-_-webkit-align-items); align-items: var(- -layout-center-center_-_align-items); -ms-flex-pack: var(--layout-center-center_ -_-ms-flex-pack); -webkit-justify-content: var(--layout-center-center_-_-webkit- justify-content); justify-content: var(--layout-center-center_-_justify-content) ;
533 position: relative; 533 position: relative;
534 534
535 vertical-align: middle; 535 vertical-align: middle;
536 536
537 fill: var(--iron-icon-fill-color, currentcolor); 537 fill: var(--iron-icon-fill-color, currentcolor);
538 stroke: var(--iron-icon-stroke-color, none); 538 stroke: var(--iron-icon-stroke-color, none);
539 539
540 width: var(--iron-icon-width, 24px); 540 width: var(--iron-icon-width, 24px);
541 height: var(--iron-icon-height, 24px); 541 height: var(--iron-icon-height, 24px);
542 ;
542 } 543 }
543 544
544 </style> 545 </style>
545 </template> 546 </template>
546 547
547 </dom-module> 548 </dom-module>
548 <style is="custom-style" css-build="shadow">html { 549 <style is="custom-style" css-build="shadow">html {
549 --google-red-100: #f4c7c3; 550 --google-red-100: #f4c7c3;
550 --google-red-300: #e67c73; 551 --google-red-300: #e67c73;
551 --google-red-500: #db4437; 552 --google-red-500: #db4437;
(...skipping 2967 matching lines...) Expand 10 before | Expand all | Expand 10 after
3519 3520
3520 </dom-module> 3521 </dom-module>
3521 3522
3522 <dom-module id="paper-checkbox" assetpath="chrome://resources/polymer/v1_0/paper -checkbox/" css-build="shadow"> 3523 <dom-module id="paper-checkbox" assetpath="chrome://resources/polymer/v1_0/paper -checkbox/" css-build="shadow">
3523 <template strip-whitespace=""> 3524 <template strip-whitespace="">
3524 <style scope="paper-checkbox">:host { 3525 <style scope="paper-checkbox">:host {
3525 display: inline-block; 3526 display: inline-block;
3526 white-space: nowrap; 3527 white-space: nowrap;
3527 cursor: pointer; 3528 cursor: pointer;
3528 --calculated-paper-checkbox-size: var(--paper-checkbox-size, 18px); 3529 --calculated-paper-checkbox-size: var(--paper-checkbox-size, 18px);
3530
3531 --calculated-paper-checkbox-ink-size: var(--paper-checkbox-ink-size, -1p x);
3529 font-family: var(--paper-font-common-base_-_font-family); -webkit-font-s moothing: var(--paper-font-common-base_-_-webkit-font-smoothing); 3532 font-family: var(--paper-font-common-base_-_font-family); -webkit-font-s moothing: var(--paper-font-common-base_-_-webkit-font-smoothing);
3530 line-height: 0; 3533 line-height: 0;
3531 -webkit-tap-highlight-color: transparent; 3534 -webkit-tap-highlight-color: transparent;
3532 } 3535 }
3533 3536
3534 :host([hidden]) { 3537 :host([hidden]) {
3535 display: none !important; 3538 display: none !important;
3536 } 3539 }
3537 3540
3538 :host(:focus) { 3541 :host(:focus) {
(...skipping 12 matching lines...) Expand all
3551 min-width: var(--calculated-paper-checkbox-size); 3554 min-width: var(--calculated-paper-checkbox-size);
3552 margin: var(--paper-checkbox-margin, initial); 3555 margin: var(--paper-checkbox-margin, initial);
3553 vertical-align: var(--paper-checkbox-vertical-align, middle); 3556 vertical-align: var(--paper-checkbox-vertical-align, middle);
3554 background-color: var(--paper-checkbox-unchecked-background-color, trans parent); 3557 background-color: var(--paper-checkbox-unchecked-background-color, trans parent);
3555 } 3558 }
3556 3559
3557 #ink { 3560 #ink {
3558 position: absolute; 3561 position: absolute;
3559 3562
3560 3563
3561 top: calc(0px - (2.66 * var(--calculated-paper-checkbox-size) - var(--ca lculated-paper-checkbox-size)) / 2); 3564 top: calc(0px - (var(--calculated-paper-checkbox-ink-size) - var(--calcu lated-paper-checkbox-size)) / 2);
3562 left: calc(0px - (2.66 * var(--calculated-paper-checkbox-size) - var(--c alculated-paper-checkbox-size)) / 2); 3565 left: calc(0px - (var(--calculated-paper-checkbox-ink-size) - var(--calc ulated-paper-checkbox-size)) / 2);
3563 width: calc(2.66 * var(--calculated-paper-checkbox-size)); 3566 width: var(--calculated-paper-checkbox-ink-size);
3564 height: calc(2.66 * var(--calculated-paper-checkbox-size)); 3567 height: var(--calculated-paper-checkbox-ink-size);
3565 color: var(--paper-checkbox-unchecked-ink-color,var(--primary-text-color ));; 3568 color: var(--paper-checkbox-unchecked-ink-color, var(--primary-text-colo r));
3566 opacity: 0.6; 3569 opacity: 0.6;
3567 pointer-events: none; 3570 pointer-events: none;
3568 } 3571 }
3569 3572
3570 :host-context([dir="rtl"]) #ink { 3573 :host-context([dir="rtl"]) #ink {
3571 right: calc(0px - (2.66 * var(--calculated-paper-checkbox-size) - var(--calcul ated-paper-checkbox-size)) / 2); 3574 right: calc(0px - (var(--calculated-paper-checkbox-ink-size) - var(--calculate d-paper-checkbox-size)) / 2);
3572 left: auto; 3575 left: auto;
3573 } 3576 }
3574 3577
3575 #ink[checked] { 3578 #ink[checked] {
3576 color: var(--paper-checkbox-checked-ink-color,var(--primary-color));; 3579 color: var(--paper-checkbox-checked-ink-color, var(--primary-color));
3577 } 3580 }
3578 3581
3579 #checkbox { 3582 #checkbox {
3580 position: relative; 3583 position: relative;
3581 box-sizing: border-box; 3584 box-sizing: border-box;
3582 height: 100%; 3585 height: 100%;
3583 border: solid 2px; 3586 border: solid 2px;
3584 border-color: var(--paper-checkbox-unchecked-color,var(--primary-text-co lor));; 3587 border-color: var(--paper-checkbox-unchecked-color, var(--primary-text-c olor));
3585 border-radius: 2px; 3588 border-radius: 2px;
3586 pointer-events: none; 3589 pointer-events: none;
3587 -webkit-transition: background-color 140ms, border-color 140ms; 3590 -webkit-transition: background-color 140ms, border-color 140ms;
3588 transition: background-color 140ms, border-color 140ms; 3591 transition: background-color 140ms, border-color 140ms;
3589 } 3592 }
3590 3593
3591 #checkbox.checked #checkmark { 3594 #checkbox.checked #checkmark {
3592 -webkit-animation: checkmark-expand 140ms ease-out forwards; 3595 -webkit-animation: checkmark-expand 140ms ease-out forwards;
3593 animation: checkmark-expand 140ms ease-out forwards; 3596 animation: checkmark-expand 140ms ease-out forwards;
3594 } 3597 }
(...skipping 14 matching lines...) Expand all
3609 transform: scale(0, 0) rotate(45deg); 3612 transform: scale(0, 0) rotate(45deg);
3610 } 3613 }
3611 3614
3612 100% { 3615 100% {
3613 transform: scale(1, 1) rotate(45deg); 3616 transform: scale(1, 1) rotate(45deg);
3614 } 3617 }
3615 3618
3616 } 3619 }
3617 3620
3618 #checkbox.checked { 3621 #checkbox.checked {
3619 background-color: var(--paper-checkbox-checked-color,var(--primary-color));; 3622 background-color: var(--paper-checkbox-checked-color, var(--primary-color));
3620 border-color: var(--paper-checkbox-checked-color,var(--primary-color));; 3623 border-color: var(--paper-checkbox-checked-color, var(--primary-color));
3621 } 3624 }
3622 3625
3623 #checkmark { 3626 #checkmark {
3624 position: absolute; 3627 position: absolute;
3625 width: 36%; 3628 width: 36%;
3626 height: 70%; 3629 height: 70%;
3627 border-style: solid; 3630 border-style: solid;
3628 border-top: none; 3631 border-top: none;
3629 border-left: none; 3632 border-left: none;
3630 border-right-width: calc(2/15 * var(--calculated-paper-checkbox-size)); 3633 border-right-width: calc(2/15 * var(--calculated-paper-checkbox-size));
3631 border-bottom-width: calc(2/15 * var(--calculated-paper-checkbox-size)); 3634 border-bottom-width: calc(2/15 * var(--calculated-paper-checkbox-size));
3632 border-color: var(--paper-checkbox-checkmark-color, white); 3635 border-color: var(--paper-checkbox-checkmark-color, white);
3633 -webkit-transform-origin: 97% 86%; 3636 -webkit-transform-origin: 97% 86%;
3634 transform-origin: 97% 86%; 3637 transform-origin: 97% 86%;
3635 box-sizing: content-box; 3638 box-sizing: content-box;
3636 } 3639 }
3637 3640
3638 :host-context([dir="rtl"]) #checkmark { 3641 :host-context([dir="rtl"]) #checkmark {
3639 -webkit-transform-origin: 50% 14%; 3642 -webkit-transform-origin: 50% 14%;
3640 transform-origin: 50% 14%; 3643 transform-origin: 50% 14%;
3641 } 3644 }
3642 3645
3643 #checkboxLabel { 3646 #checkboxLabel {
3644 position: relative; 3647 position: relative;
3645 display: inline-block; 3648 display: inline-block;
3646 vertical-align: middle; 3649 vertical-align: middle;
3647 padding-left: var(--paper-checkbox-label-spacing, 8px); 3650 padding-left: var(--paper-checkbox-label-spacing, 8px);
3648 white-space: normal; 3651 white-space: normal;
3649 line-height: normal; 3652 line-height: normal;
3650 color: var(--paper-checkbox-label-color,var(--primary-text-color));; 3653 color: var(--paper-checkbox-label-color, var(--primary-text-color));
3651 ; 3654 ;
3652 } 3655 }
3653 3656
3654 :host([checked]) #checkboxLabel { 3657 :host([checked]) #checkboxLabel {
3655 color: var(--paper-checkbox-label-checked-color,var(--paper-checkbox-label-col or));; 3658 color: var(--paper-checkbox-label-checked-color, var(--paper-checkbox-label-co lor, var(--primary-text-color)));
3656 ; 3659 ;
3657 } 3660 }
3658 3661
3659 :host-context([dir="rtl"]) #checkboxLabel { 3662 :host-context([dir="rtl"]) #checkboxLabel {
3660 padding-right: var(--paper-checkbox-label-spacing, 8px); 3663 padding-right: var(--paper-checkbox-label-spacing, 8px);
3661 padding-left: 0; 3664 padding-left: 0;
3662 } 3665 }
3663 3666
3664 #checkboxLabel[hidden] { 3667 #checkboxLabel[hidden] {
3665 display: none; 3668 display: none;
3666 } 3669 }
3667 3670
3668 :host([disabled]) #checkbox { 3671 :host([disabled]) #checkbox {
3669 opacity: 0.5; 3672 opacity: 0.5;
3670 border-color: var(--paper-checkbox-unchecked-color,var(--primary-text-co lor));; 3673 border-color: var(--paper-checkbox-unchecked-color, var(--primary-text-c olor));
3671 } 3674 }
3672 3675
3673 :host([disabled][checked]) #checkbox { 3676 :host([disabled][checked]) #checkbox {
3674 background-color: var(--paper-checkbox-unchecked-color,var(--primary-text-colo r));; 3677 background-color: var(--paper-checkbox-unchecked-color, var(--primary-text-col or));
3675 opacity: 0.5; 3678 opacity: 0.5;
3676 } 3679 }
3677 3680
3678 :host([disabled]) #checkboxLabel { 3681 :host([disabled]) #checkboxLabel {
3679 opacity: 0.65; 3682 opacity: 0.65;
3680 } 3683 }
3681 3684
3682 #checkbox.invalid:not(.checked) { 3685 #checkbox.invalid:not(.checked) {
3683 border-color: var(--paper-checkbox-error-color,var(--error-color));; 3686 border-color: var(--paper-checkbox-error-color, var(--error-color));
3684 } 3687 }
3685 3688
3686 </style> 3689 </style>
3687 3690
3688 <div id="checkboxContainer"> 3691 <div id="checkboxContainer">
3689 <div id="checkbox" class$="[[_computeCheckboxClass(checked, invalid)]]"> 3692 <div id="checkbox" class$="[[_computeCheckboxClass(checked, invalid)]]">
3690 <div id="checkmark" class$="[[_computeCheckmarkClass(checked)]]"></div> 3693 <div id="checkmark" class$="[[_computeCheckmarkClass(checked)]]"></div>
3691 </div> 3694 </div>
3692 </div> 3695 </div>
3693 3696
(...skipping 1541 matching lines...) Expand 10 before | Expand all | Expand 10 after
5235 <history-side-bar id="drawer-side-bar" selected-page="[[selectedPage_]]" route="[[route_]]" show-footer="[[showSidebarFooter]]" drawer=""> 5238 <history-side-bar id="drawer-side-bar" selected-page="[[selectedPage_]]" route="[[route_]]" show-footer="[[showSidebarFooter]]" drawer="">
5236 </history-side-bar> 5239 </history-side-bar>
5237 </app-drawer> 5240 </app-drawer>
5238 </template> 5241 </template>
5239 5242
5240 <iron-media-query query="(max-width: 1023px)" query-matches="{{hasDrawer_}}" > 5243 <iron-media-query query="(max-width: 1023px)" query-matches="{{hasDrawer_}}" >
5241 </iron-media-query> 5244 </iron-media-query>
5242 </template> 5245 </template>
5243 </dom-module> 5246 </dom-module>
5244 <script src="app.crisper.js"></script></body></html> 5247 <script src="app.crisper.js"></script></body></html>
OLDNEW
« no previous file with comments | « chrome/browser/resources/md_history/app.crisper.js ('k') | third_party/polymer/v1_0/components-chromium/iron-a11y-keys-behavior/bower.json » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698