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

Issues Search
    My Issues | Starred     Open | Closed | All

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

Issue 2394433002: [MD History] Make synced devices keyboard navigation consistent. (Closed)
Patch Set: hook to dom-change Created 4 years, 2 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/lazy_load.crisper.js ('k') | chrome/browser/resources/md_history/synced_device_card.html » ('j') | chrome/browser/resources/md_history/synced_device_card.js » ('J')
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) 2016 The Polymer Project Authors. All rights reserved. 3 Copyright (c) 2016 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 510 matching lines...) Expand 10 before | Expand all | Expand 10 after
521 521
522 </dom-module> 522 </dom-module>
523 <dom-module id="cr-shared-menu" assetpath="chrome://resources/cr_elements/cr_sha red_menu/" css-build="shadow"> 523 <dom-module id="cr-shared-menu" assetpath="chrome://resources/cr_elements/cr_sha red_menu/" css-build="shadow">
524 <template> 524 <template>
525 <style scope="cr-shared-menu">#menu { 525 <style scope="cr-shared-menu">#menu {
526 box-shadow: var(--shadow-elevation-2dp_-_box-shadow); 526 box-shadow: var(--shadow-elevation-2dp_-_box-shadow);
527 background-color: white; 527 background-color: white;
528 overflow: hidden; 528 overflow: hidden;
529 padding: 8px 0; 529 padding: 8px 0;
530 position: relative; 530 position: relative;
531 width: var(--cr-shared-menu-width);
531 } 532 }
532 533
533 </style> 534 </style>
534 <iron-dropdown id="dropdown" allow-outside-scroll="" restore-focus-on-close= "" vertical-align="auto" horizontal-align="right" opened="{{menuOpen}}" open-ani mation-config="[[openAnimationConfig]]" close-animation-config="[[closeAnimation Config]]"> 535 <iron-dropdown id="dropdown" allow-outside-scroll="" restore-focus-on-close= "" vertical-align="auto" horizontal-align="right" opened="{{menuOpen}}" open-ani mation-config="[[openAnimationConfig]]" close-animation-config="[[closeAnimation Config]]">
535 <div id="menu" class="dropdown-content" role="menu"> 536 <div id="menu" class="dropdown-content" role="menu">
536 <content></content> 537 <content></content>
537 </div> 538 </div>
538 </iron-dropdown> 539 </iron-dropdown>
539 </template> 540 </template>
540 </dom-module> 541 </dom-module>
(...skipping 21 matching lines...) Expand all
562 563
563 :host([disabled]) { 564 :host([disabled]) {
564 color: #9b9b9b; 565 color: #9b9b9b;
565 pointer-events: none; 566 pointer-events: none;
566 cursor: auto; 567 cursor: auto;
567 } 568 }
568 569
569 paper-ripple { 570 paper-ripple {
570 opacity: 0.6; 571 opacity: 0.6;
571 color: currentColor; 572 color: currentColor;
572 ;
573 } 573 }
574 574
575 </style> 575 </style>
576 <content></content> 576 <content></content>
577 </template> 577 </template>
578 </dom-module> 578 </dom-module>
579 <dom-module id="history-synced-device-card" assetpath="chrome://history/" css-bu ild="shadow"> 579 <dom-module id="history-synced-device-card" assetpath="chrome://history/" css-bu ild="shadow">
580 <template> 580 <template>
581 <style scope="history-synced-device-card">[hidden] { 581 <style scope="history-synced-device-card">[hidden] {
582 display: none !important; 582 display: none !important;
(...skipping 119 matching lines...) Expand 10 before | Expand all | Expand 10 after
702 #collapse { 702 #collapse {
703 overflow: hidden; 703 overflow: hidden;
704 } 704 }
705 705
706 #history-item-container { 706 #history-item-container {
707 box-shadow: var(--shadow-elevation-2dp_-_box-shadow); 707 box-shadow: var(--shadow-elevation-2dp_-_box-shadow);
708 background: #fff; 708 background: #fff;
709 border-radius: 2px; 709 border-radius: 2px;
710 } 710 }
711 711
712 #item-container { 712 .item-container {
713 align-items: center; 713 align-items: center;
714 display: flex; 714 display: flex;
715 margin: 0 20px; 715 margin: 0 20px;
716 min-height: var(--item-height); 716 min-height: var(--item-height);
717 } 717 }
718 718
719 #window-separator { 719 .window-separator {
720 background-color: var(--card-border-color); 720 background-color: var(--card-border-color);
721 height: 1px; 721 height: 1px;
722 margin: 5px auto; 722 margin: 5px auto;
723 width: 80%; 723 width: 80%;
724 } 724 }
725 725
726 </style> 726 </style>
727 <div id="history-item-container"> 727 <div id="history-item-container">
728 <div class="card-title" id="card-heading" aria-expanded$="[[opened]]" aria -controls="collapse" on-tap="toggleTabCard"> 728 <div class="card-title" id="card-heading" aria-expanded$="[[opened]]" aria -controls="collapse" on-tap="toggleTabCard">
729 <div id="title-left-content"> 729 <div id="title-left-content">
730 <div id="device-name"> 730 <div id="device-name">
731 [[device]] 731 [[device]]
732 </div> 732 </div>
733 <span id="last-update-time">[[lastUpdateTime]]</span> 733 <span id="last-update-time">[[lastUpdateTime]]</span>
734 </div> 734 </div>
735 <div id="right-buttons"> 735 <div id="right-buttons">
736 <button is="paper-icon-button-light" id="menu-button" class="more-vert -button" on-click="onMenuButtonTap_" title="$i18n{moreActionsButton}"> 736 <button is="paper-icon-button-light" id="menu-button" class="more-vert -button" on-click="onMenuButtonTap_" title="$i18n{moreActionsButton}">
737 <div></div> 737 <div></div>
738 <div></div> 738 <div></div>
739 <div></div> 739 <div></div>
740 </button> 740 </button>
741 <button is="paper-icon-button-light" class="icon-button" title$="[[get CollapseTitle_(opened)]]"> 741 <button is="paper-icon-button-light" class="icon-button" id="collapse- button" title$="[[getCollapseTitle_(opened)]]">
742 <iron-icon icon="[[getCollapseIcon_(opened)]]" id="dropdown-indicato r"> 742 <iron-icon icon="[[getCollapseIcon_(opened)]]" id="dropdown-indicato r">
743 </iron-icon> 743 </iron-icon>
744 </button> 744 </button>
745 </div> 745 </div>
746 </div> 746 </div>
747 747
748 <iron-collapse opened="{{opened}}" id="collapse"> 748 <iron-collapse opened="{{opened}}" id="collapse">
749 <div id="tab-item-list"> 749 <div id="tab-item-list">
750 <template is="dom-repeat" items="[[tabs]]" as="tab" id="tab-list"> 750 <template is="dom-repeat" items="[[tabs]]" as="tab" id="tab-list">
751 <div id="item-container"> 751 <div class="item-container">
752 <div id="icon" class="website-icon"></div> 752 <div class="website-icon"></div>
753 <a href="[[tab.url]]" class="website-title" title="[[tab.title]]" on-click="openTab_" on-contextmenu="onLinkRightClick_"> 753 <a href="[[tab.url]]" class="website-title" title="[[tab.title]]" on-click="openTab_" on-contextmenu="onLinkRightClick_">
754 <history-searched-label title="[[tab.title]]" search-term="[[sea rchTerm]]"></history-searched-label> 754 <history-searched-label title="[[tab.title]]" search-term="[[sea rchTerm]]"></history-searched-label>
755 </a> 755 </a>
756 </div> 756 </div>
757 <div id="window-separator" hidden$="[[!isWindowSeparatorIndex_(index , separatorIndexes)]]"> 757 <div class="window-separator" hidden$="[[!isWindowSeparatorIndex_(in dex, separatorIndexes)]]">
758 </div> 758 </div>
759 </template> 759 </template>
760 </div> 760 </div>
761 </iron-collapse> 761 </iron-collapse>
762 </div> 762 </div>
763 </template> 763 </template>
764 </dom-module> 764 </dom-module>
765 <dom-module id="history-synced-device-manager" assetpath="chrome://history/" css -build="shadow"> 765 <dom-module id="history-synced-device-manager" assetpath="chrome://history/" css -build="shadow">
766 <template> 766 <template>
767 <style scope="history-synced-device-manager">[hidden] { 767 <style scope="history-synced-device-manager">[hidden] {
(...skipping 814 matching lines...) Expand 10 before | Expand all | Expand 10 after
1582 <content select="*"></content> 1582 <content select="*"></content>
1583 </div> 1583 </div>
1584 </div> 1584 </div>
1585 1585
1586 <paper-icon-button icon="paper-tabs:chevron-right" class$="[[_computeScrollB uttonClass(_rightHidden, scrollable, hideScrollButtons)]]" on-up="_onScrollButto nUp" on-down="_onRightScrollButtonDown" tabindex="-1"></paper-icon-button> 1586 <paper-icon-button icon="paper-tabs:chevron-right" class$="[[_computeScrollB uttonClass(_rightHidden, scrollable, hideScrollButtons)]]" on-up="_onScrollButto nUp" on-down="_onRightScrollButtonDown" tabindex="-1"></paper-icon-button>
1587 1587
1588 </template> 1588 </template>
1589 1589
1590 </dom-module> 1590 </dom-module>
1591 </div><script src="lazy_load.crisper.js"></script></body></html> 1591 </div><script src="lazy_load.crisper.js"></script></body></html>
OLDNEW
« no previous file with comments | « chrome/browser/resources/md_history/lazy_load.crisper.js ('k') | chrome/browser/resources/md_history/synced_device_card.html » ('j') | chrome/browser/resources/md_history/synced_device_card.js » ('J')

Powered by Google App Engine
This is Rietveld 408576698