| OLD | NEW |
| 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/cr_elements/icons.html"> | 3 <link rel="import" href="chrome://resources/cr_elements/icons.html"> |
| 4 <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/iron-icon/iron-icon.htm
l"> |
| 5 <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-icon-button/paper
-icon-button-light.html"> |
| 6 <link rel="import" href="chrome://bookmarks/actions.html"> | 6 <link rel="import" href="chrome://bookmarks/actions.html"> |
| 7 <link rel="import" href="chrome://bookmarks/command_manager.html"> | 7 <link rel="import" href="chrome://bookmarks/command_manager.html"> |
| 8 <link rel="import" href="chrome://bookmarks/icons.html"> | 8 <link rel="import" href="chrome://bookmarks/icons.html"> |
| 9 <link rel="import" href="chrome://bookmarks/shared_style.html"> | 9 <link rel="import" href="chrome://bookmarks/shared_style.html"> |
| 10 <link rel="import" href="chrome://bookmarks/store_client.html"> | 10 <link rel="import" href="chrome://bookmarks/store_client.html"> |
| (...skipping 61 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 72 | 72 |
| 73 #arrow iron-icon[is-open] { | 73 #arrow iron-icon[is-open] { |
| 74 transform: initial; | 74 transform: initial; |
| 75 } | 75 } |
| 76 | 76 |
| 77 [no-children] { | 77 [no-children] { |
| 78 -webkit-padding-start: 52px; /* The width of the arrow and its margin */ | 78 -webkit-padding-start: 52px; /* The width of the arrow and its margin */ |
| 79 } | 79 } |
| 80 </style> | 80 </style> |
| 81 | 81 |
| 82 <div id="container" class="v-centered" on-tap="selectFolder_" | 82 <div id="container" |
| 83 draggable="[[!isTopLevelFolder_(depth)]]" | 83 class="v-centered" |
| 84 draggable="true" |
| 85 on-tap="selectFolder_" |
| 84 tabindex$="[[getTabIndex_(isSelectedFolder_)]]" | 86 tabindex$="[[getTabIndex_(isSelectedFolder_)]]" |
| 85 hidden="[[isRootFolder_(depth)]]"> | 87 hidden="[[isRootFolder_(depth)]]"> |
| 86 <template is="dom-if" if="[[hasChildFolder_(item_.children)]]"> | 88 <template is="dom-if" if="[[hasChildFolder_(item_.children)]]"> |
| 87 <button is="paper-icon-button-light" id="arrow" | 89 <button is="paper-icon-button-light" id="arrow" |
| 88 on-tap="toggleFolder_" on-mousedown="preventDefault_" tabindex="-1"> | 90 on-tap="toggleFolder_" on-mousedown="preventDefault_" tabindex="-1"> |
| 89 <iron-icon icon="cr:arrow-drop-down" is-open$="[[!isClosed_]]"> | 91 <iron-icon icon="cr:arrow-drop-down" is-open$="[[!isClosed_]]"> |
| 90 </iron-icon> | 92 </iron-icon> |
| 91 </button> | 93 </button> |
| 92 </template> | 94 </template> |
| 93 <div id="folder-label" class="v-centered"> | 95 <div id="folder-label" class="v-centered"> |
| 94 <iron-icon icon="[[getFolderIcon_(isSelectedFolder_)]]" | 96 <iron-icon icon="[[getFolderIcon_(isSelectedFolder_)]]" |
| 95 no-children$="[[!hasChildFolder_(item_.children)]]"> | 97 no-children$="[[!hasChildFolder_(item_.children)]]"> |
| 96 </iron-icon> | 98 </iron-icon> |
| 97 <div class="menu-label">[[item_.title]]</div> | 99 <div class="menu-label">[[item_.title]]</div> |
| 98 </div> | 100 </div> |
| 99 </div> | 101 </div> |
| 100 <div id="descendants" hidden$="[[isClosed_]]"> | 102 <div id="descendants" hidden$="[[isClosed_]]"> |
| 101 <template is="dom-repeat" | 103 <template is="dom-repeat" |
| 102 items="[[item_.children]]" | 104 items="[[item_.children]]" |
| 103 as="child" | 105 as="child" |
| 104 filter="isFolder_"> | 106 filter="isFolder_"> |
| 105 <bookmarks-folder-node item-id="[[child]]" | 107 <bookmarks-folder-node item-id="[[child]]" |
| 106 depth="[[getChildDepth_(depth)]]"> | 108 depth="[[getChildDepth_(depth)]]"> |
| 107 </bookmarks-folder-node> | 109 </bookmarks-folder-node> |
| 108 </template> | 110 </template> |
| 109 </div> | 111 </div> |
| 110 </template> | 112 </template> |
| 111 <script src="chrome://bookmarks/folder_node.js"></script> | 113 <script src="chrome://bookmarks/folder_node.js"></script> |
| 112 </dom-module> | 114 </dom-module> |
| OLD | NEW |