OLD | NEW |
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 Loading... |
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> |
OLD | NEW |