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/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 | 8 |
9 <dom-module id="bookmarks-folder-node"> | 9 <dom-module id="bookmarks-folder-node"> |
10 <template> | 10 <template> |
(...skipping 25 matching lines...) Expand all Loading... | |
36 -webkit-padding-start: 40.5px; | 36 -webkit-padding-start: 40.5px; |
37 } | 37 } |
38 | 38 |
39 #folder-label { | 39 #folder-label { |
40 color: var(--secondary-text-color); | 40 color: var(--secondary-text-color); |
41 cursor: pointer; | 41 cursor: pointer; |
42 flex-grow: 1; | 42 flex-grow: 1; |
43 overflow: hidden; | 43 overflow: hidden; |
44 } | 44 } |
45 | 45 |
46 :host([is-selected]) .menu-label, | 46 :host([is-selected-folder]) .menu-label, |
47 :host([is-selected]) #folder-label { | 47 :host([is-selected-folder]) #folder-label { |
48 color: var(--folder-active-color); | 48 color: var(--folder-active-color); |
49 } | 49 } |
50 | 50 |
51 iron-icon { | 51 iron-icon { |
52 --iron-icon-height: 20px; | 52 --iron-icon-height: 20px; |
53 --iron-icon-width: 20px; | 53 --iron-icon-width: 20px; |
54 min-width: 20px; | 54 min-width: 20px; |
55 } | 55 } |
56 | 56 |
57 paper-icon-button { | 57 paper-icon-button { |
58 color: var(--secondary-text-color); | 58 color: var(--secondary-text-color); |
59 height: 36px; | 59 height: 36px; |
60 min-width: 36px; | 60 min-width: 36px; |
61 padding: 8px; | 61 padding: 8px; |
62 width: 36px; | 62 width: 36px; |
63 } | 63 } |
64 </style> | 64 </style> |
65 | 65 |
66 <div id="container" class="v-centered"> | 66 <div id="container" class="v-centered"> |
67 <div id="folder-label" class="v-centered" on-tap="selectFolder_"> | 67 <div id="folder-label" class="v-centered" on-tap="selectFolder_"> |
68 <iron-icon icon="[[getFolderIcon_(isSelected)]]"></iron-icon> | 68 <iron-icon icon="[[getFolderIcon_(isSelectedFolder)]]"></iron-icon> |
69 <div class="menu-label">[[item.title]]</div> | 69 <div class="menu-label">[[item.title]]</div> |
70 </div> | 70 </div> |
71 <template is="dom-if" if="[[hasChildFolder_(item.children)]]"> | 71 <template is="dom-if" if="[[hasChildFolder_(item.children)]]"> |
72 <paper-icon-button icon="[[getArrowIcon_(item.isOpen)]]" | 72 <paper-icon-button icon="[[getArrowIcon_(item.isOpen)]]" |
73 on-tap="toggleFolder_"></paper-icon-button> | 73 on-tap="toggleFolder_"></paper-icon-button> |
74 </template> | 74 </template> |
75 </div> | 75 </div> |
76 <div id="descendants" hidden$="[[!item.isOpen]]"> | 76 <div id="descendants" hidden$="[[!item.isOpen]]"> |
77 <template is="dom-repeat" items="[[item.children]]" as="child"> | 77 <template is="dom-repeat" items="[[item.children]]" |
78 <template is="dom-if" if="[[!child.url]]"> | 78 filter="isFolder_" observe="isSelectedFolder" as="child"> |
tsergeant
2017/01/30 06:39:47
I think you want observe="url", since the isFolder
jiaxi
2017/01/31 00:37:42
Done.
| |
79 <bookmarks-folder-node item="[[child]]" | 79 <bookmarks-folder-node item="[[child]]" |
80 is-selected="[[child.isSelected]]"></bookmarks-folder-node> | 80 is-selected-folder="[[child.isSelectedFolder]]"> |
81 </template> | 81 </bookmarks-folder-node> |
82 </template> | 82 </template> |
83 </div> | 83 </div> |
84 </template> | 84 </template> |
85 <script src="chrome://bookmarks/folder_node.js"></script> | 85 <script src="chrome://bookmarks/folder_node.js"></script> |
86 </dom-module> | 86 </dom-module> |
OLD | NEW |