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

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: rebase/address comments 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_manager.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 708 matching lines...) Expand 10 before | Expand all | Expand 10 after
719 #collapse { 719 #collapse {
720 overflow: hidden; 720 overflow: hidden;
721 } 721 }
722 722
723 #history-item-container { 723 #history-item-container {
724 box-shadow: var(--shadow-elevation-2dp_-_box-shadow); 724 box-shadow: var(--shadow-elevation-2dp_-_box-shadow);
725 background: #fff; 725 background: #fff;
726 border-radius: 2px; 726 border-radius: 2px;
727 } 727 }
728 728
729 #item-container { 729 .item-container {
730 align-items: center; 730 align-items: center;
731 display: flex; 731 display: flex;
732 margin: 0 20px; 732 margin: 0 20px;
733 min-height: var(--item-height); 733 min-height: var(--item-height);
734 } 734 }
735 735
736 #window-separator { 736 .window-separator {
737 background-color: var(--card-border-color); 737 background-color: var(--card-border-color);
738 height: 1px; 738 height: 1px;
739 margin: 5px auto; 739 margin: 5px auto;
740 width: 80%; 740 width: 80%;
741 } 741 }
742 742
743 </style> 743 </style>
744 <div id="history-item-container"> 744 <div id="history-item-container">
745 <div class="card-title" id="card-heading" aria-expanded$="[[opened]]" aria -controls="collapse" on-tap="toggleTabCard"> 745 <div class="card-title" id="card-heading" aria-expanded$="[[opened]]" aria -controls="collapse" on-tap="toggleTabCard">
746 <div id="title-left-content"> 746 <div id="title-left-content">
747 <div id="device-name"> 747 <div id="device-name">
748 [[device]] 748 [[device]]
749 </div> 749 </div>
750 <span id="last-update-time">[[lastUpdateTime]]</span> 750 <span id="last-update-time">[[lastUpdateTime]]</span>
751 </div> 751 </div>
752 <div id="right-buttons"> 752 <div id="right-buttons">
753 <button is="paper-icon-button-light" id="menu-button" class="more-vert -button" on-click="onMenuButtonTap_" title="$i18n{moreActionsButton}"> 753 <button is="paper-icon-button-light" id="menu-button" class="more-vert -button" on-click="onMenuButtonTap_" title="$i18n{moreActionsButton}">
754 <div></div> 754 <div></div>
755 <div></div> 755 <div></div>
756 <div></div> 756 <div></div>
757 </button> 757 </button>
758 <button is="paper-icon-button-light" class="icon-button" title$="[[get CollapseTitle_(opened)]]"> 758 <button is="paper-icon-button-light" class="icon-button" id="collapse- button" title$="[[getCollapseTitle_(opened)]]">
759 <iron-icon icon="[[getCollapseIcon_(opened)]]" id="dropdown-indicato r"> 759 <iron-icon icon="[[getCollapseIcon_(opened)]]" id="dropdown-indicato r">
760 </iron-icon> 760 </iron-icon>
761 </button> 761 </button>
762 </div> 762 </div>
763 </div> 763 </div>
764 764
765 <iron-collapse opened="{{opened}}" id="collapse"> 765 <iron-collapse opened="{{opened}}" id="collapse">
766 <div id="tab-item-list"> 766 <div id="tab-item-list">
767 <template is="dom-repeat" items="[[tabs]]" as="tab" id="tab-list"> 767 <template is="dom-repeat" items="[[tabs]]" as="tab" id="tab-list">
768 <div id="item-container"> 768 <div class="item-container">
769 <div id="icon" class="website-icon"></div> 769 <div class="website-icon"></div>
770 <a href="[[tab.url]]" class="website-title" title="[[tab.title]]" on-click="openTab_" on-contextmenu="onLinkRightClick_"> 770 <a href="[[tab.url]]" class="website-title" title="[[tab.title]]" on-click="openTab_" on-contextmenu="onLinkRightClick_">
771 <history-searched-label title="[[tab.title]]" search-term="[[sea rchTerm]]"></history-searched-label> 771 <history-searched-label title="[[tab.title]]" search-term="[[sea rchTerm]]"></history-searched-label>
772 </a> 772 </a>
773 </div> 773 </div>
774 <div id="window-separator" hidden$="[[!isWindowSeparatorIndex_(index , separatorIndexes)]]"> 774 <div class="window-separator" hidden$="[[!isWindowSeparatorIndex_(in dex, separatorIndexes)]]">
775 </div> 775 </div>
776 </template> 776 </template>
777 </div> 777 </div>
778 </iron-collapse> 778 </iron-collapse>
779 </div> 779 </div>
780 </template> 780 </template>
781 </dom-module> 781 </dom-module>
782 <dom-module id="history-synced-device-manager" assetpath="chrome://history/" css -build="shadow"> 782 <dom-module id="history-synced-device-manager" assetpath="chrome://history/" css -build="shadow">
783 <template> 783 <template>
784 <style scope="history-synced-device-manager">[hidden] { 784 <style scope="history-synced-device-manager">[hidden] {
(...skipping 814 matching lines...) Expand 10 before | Expand all | Expand 10 after
1599 <content select="*"></content> 1599 <content select="*"></content>
1600 </div> 1600 </div>
1601 </div> 1601 </div>
1602 1602
1603 <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> 1603 <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>
1604 1604
1605 </template> 1605 </template>
1606 1606
1607 </dom-module> 1607 </dom-module>
1608 </div><script src="lazy_load.crisper.js"></script></body></html> 1608 </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_manager.js » ('J')

Powered by Google App Engine
This is Rietveld 408576698