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