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

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

Issue 2820153003: [MD Bookmarks] Add keyboard navigation to sidebar. (Closed)
Patch Set: address comments Created 3 years, 7 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 <link rel="import" href="chrome://resources/cr_elements/icons.html"> 2 <link rel="import" href="chrome://resources/cr_elements/icons.html">
3 <link rel="import" href="chrome://resources/polymer/v1_0/iron-icon/iron-icon.htm l"> 3 <link rel="import" href="chrome://resources/polymer/v1_0/iron-icon/iron-icon.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://bookmarks/actions.html"> 5 <link rel="import" href="chrome://bookmarks/actions.html">
6 <link rel="import" href="chrome://bookmarks/icons.html"> 6 <link rel="import" href="chrome://bookmarks/icons.html">
7 <link rel="import" href="chrome://bookmarks/shared_style.html"> 7 <link rel="import" href="chrome://bookmarks/shared_style.html">
8 <link rel="import" href="chrome://bookmarks/store_client.html"> 8 <link rel="import" href="chrome://bookmarks/store_client.html">
9 9
10 <dom-module id="bookmarks-folder-node"> 10 <dom-module id="bookmarks-folder-node">
(...skipping 58 matching lines...) Expand 10 before | Expand all | Expand 10 after
69 transform: initial; 69 transform: initial;
70 } 70 }
71 71
72 [no-children] { 72 [no-children] {
73 -webkit-padding-start: 52px; /* The width of the arrow and its margin */ 73 -webkit-padding-start: 52px; /* The width of the arrow and its margin */
74 } 74 }
75 </style> 75 </style>
76 76
77 <div id="container" class="v-centered" on-tap="selectFolder_" 77 <div id="container" class="v-centered" on-tap="selectFolder_"
78 draggable="[[!isTopLevelFolder_(depth)]]" 78 draggable="[[!isTopLevelFolder_(depth)]]"
79 tabindex$="[[getTabIndex_(isSelectedFolder_)]]"
79 hidden="[[isRootFolder_(depth)]]"> 80 hidden="[[isRootFolder_(depth)]]">
80 <template is="dom-if" if="[[hasChildFolder_(item_.children)]]"> 81 <template is="dom-if" if="[[hasChildFolder_(item_.children)]]">
81 <button is="paper-icon-button-light" id="arrow" 82 <button is="paper-icon-button-light" id="arrow"
82 is-open$="[[!isClosed_]]" on-tap="toggleFolder_"> 83 is-open$="[[!isClosed_]]" on-tap="toggleFolder_"
84 on-mousedown="preventDefault_" tabindex="-1">
83 <iron-icon icon="cr:arrow-drop-down"></iron-icon> 85 <iron-icon icon="cr:arrow-drop-down"></iron-icon>
84 </button> 86 </button>
85 </template> 87 </template>
86 <div id="folder-label" class="v-centered"> 88 <div id="folder-label" class="v-centered">
87 <iron-icon icon="[[getFolderIcon_(isSelectedFolder_)]]" 89 <iron-icon icon="[[getFolderIcon_(isSelectedFolder_)]]"
88 no-children$="[[!hasChildFolder_(item_.children)]]"> 90 no-children$="[[!hasChildFolder_(item_.children)]]">
89 </iron-icon> 91 </iron-icon>
90 <div class="menu-label">[[item_.title]]</div> 92 <div class="menu-label">[[item_.title]]</div>
91 </div> 93 </div>
92 </div> 94 </div>
93 <div id="descendants" hidden$="[[isClosed_]]"> 95 <div id="descendants" hidden$="[[isClosed_]]">
94 <template is="dom-repeat" 96 <template is="dom-repeat"
95 items="[[item_.children]]" 97 items="[[item_.children]]"
96 as="child" 98 as="child"
97 filter="isFolder_"> 99 filter="isFolder_">
98 <bookmarks-folder-node item-id="[[child]]" 100 <bookmarks-folder-node item-id="[[child]]"
99 depth="[[getChildDepth_(depth)]]"> 101 depth="[[getChildDepth_(depth)]]">
100 </bookmarks-folder-node> 102 </bookmarks-folder-node>
101 </template> 103 </template>
102 </div> 104 </div>
103 </template> 105 </template>
104 <script src="chrome://bookmarks/folder_node.js"></script> 106 <script src="chrome://bookmarks/folder_node.js"></script>
105 </dom-module> 107 </dom-module>
OLDNEW
« no previous file with comments | « chrome/browser/resources/md_bookmarks/compiled_resources2.gyp ('k') | chrome/browser/resources/md_bookmarks/folder_node.js » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698