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

Side by Side Diff: chrome/browser/resources/md_bookmarks/list.html

Issue 2977523002: MD Bookmarks: Scroll and select items that are added to the main list (Closed)
Patch Set: Reformat json schema Created 3 years, 4 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 <link rel="import" href="chrome://resources/html/polymer.html"> 1 <link rel="import" href="chrome://resources/html/polymer.html">
2 2
3 <link rel="import" href="chrome://resources/polymer/v1_0/iron-list/iron-list.htm l"> 3 <link rel="import" href="chrome://resources/polymer/v1_0/iron-list/iron-list.htm l">
4 <link rel="import" href="chrome://resources/polymer/v1_0/paper-icon-button/paper -icon-button-light.html"> 4 <link rel="import" href="chrome://resources/polymer/v1_0/paper-icon-button/paper -icon-button-light.html">
5 <link rel="import" href="chrome://resources/polymer/v1_0/paper-styles/shadow.htm l"> 5 <link rel="import" href="chrome://resources/polymer/v1_0/paper-styles/shadow.htm l">
6 <link rel="import" href="chrome://bookmarks/command_manager.html"> 6 <link rel="import" href="chrome://bookmarks/command_manager.html">
7 <link rel="import" href="chrome://bookmarks/item.html"> 7 <link rel="import" href="chrome://bookmarks/item.html">
8 <link rel="import" href="chrome://bookmarks/shared_style.html"> 8 <link rel="import" href="chrome://bookmarks/shared_style.html">
9 <link rel="import" href="chrome://bookmarks/store_client.html"> 9 <link rel="import" href="chrome://bookmarks/store_client.html">
10 <link rel="import" href="chrome://bookmarks/util.html"> 10 <link rel="import" href="chrome://bookmarks/util.html">
11 11
12 <dom-module id="bookmarks-list"> 12 <dom-module id="bookmarks-list">
13 <template> 13 <template>
14 <style include="shared-style"> 14 <style include="shared-style">
15 :host { 15 :host {
16 overflow-y: auto; 16 overflow-y: auto;
17 padding: 20px var(--card-padding-side) 20px 17 padding: 20px var(--card-padding-side) 20px
18 calc(var(--card-padding-side) - var(--splitter-width)); 18 calc(var(--card-padding-side) - var(--splitter-width));
19 } 19 }
20 20
21 #bookmarksCard { 21 #list {
22 @apply(--shadow-elevation-2dp); 22 @apply(--shadow-elevation-2dp);
23 background-color: #fff; 23 background-color: #fff;
24 margin: 0 auto; 24 margin: 0 auto;
25 max-width: var(--card-max-width); 25 max-width: var(--card-max-width);
26 padding: 8px 0; 26 padding: 8px 0;
27 } 27 }
28 28
29 .centered-message { 29 .centered-message {
30 align-items: center; 30 align-items: center;
31 color: #6e6e6e; 31 color: #6e6e6e;
32 cursor: default; 32 cursor: default;
33 display: flex; 33 display: flex;
34 font-size: 14px; 34 font-size: 14px;
35 font-weight: 500; 35 font-weight: 500;
36 height: 100%; 36 height: 100%;
37 justify-content: center; 37 justify-content: center;
38 user-select: none; 38 user-select: none;
39 } 39 }
40 </style> 40 </style>
41 <iron-list items="[[displayedList_]]" id="bookmarksCard" 41 <iron-list id="list" items="[[displayedList_]]"
42 hidden$="[[isEmptyList_(displayedList_.length)]]" role="list"> 42 hidden$="[[isEmptyList_(displayedList_.length)]]" role="list">
43 <template> 43 <template>
44 <bookmarks-item item-id="[[item.id]]" draggable="true" 44 <bookmarks-item item-id="[[item.id]]" draggable="true"
45 tabindex$="[[tabIndex]]" iron-list-tab-index="[[tabIndex]]"> 45 tabindex$="[[tabIndex]]" iron-list-tab-index="[[tabIndex]]">
46 </bookmarks-item> 46 </bookmarks-item>
47 </template> 47 </template>
48 </iron-list> 48 </iron-list>
49 <div id="message" class="centered-message" 49 <div id="message" class="centered-message"
50 hidden$="[[!isEmptyList_(displayedList_.length)]]"> 50 hidden$="[[!isEmptyList_(displayedList_.length)]]">
51 [[emptyListMessage_(searchTerm_)]] 51 [[emptyListMessage_(searchTerm_)]]
52 </div> 52 </div>
53 </template> 53 </template>
54 <script src="chrome://bookmarks/list.js"></script> 54 <script src="chrome://bookmarks/list.js"></script>
55 </dom-module> 55 </dom-module>
OLDNEW
« no previous file with comments | « chrome/browser/resources/md_bookmarks/edit_dialog.js ('k') | chrome/browser/resources/md_bookmarks/list.js » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698