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 14 matching lines...) Expand all Loading... |
25 -webkit-margin-start: 24px; | 25 -webkit-margin-start: 24px; |
26 color: var(--folder-inactive-color); | 26 color: var(--folder-inactive-color); |
27 font-weight: 500; | 27 font-weight: 500; |
28 overflow: hidden; | 28 overflow: hidden; |
29 text-overflow: ellipsis; | 29 text-overflow: ellipsis; |
30 white-space: nowrap; | 30 white-space: nowrap; |
31 } | 31 } |
32 | 32 |
33 #container { | 33 #container { |
34 height: 40px; | 34 height: 40px; |
35 } | 35 padding-left: calc(var(--node-depth, 0) * 30px); |
36 | |
37 #descendants { | |
38 -webkit-padding-start: 40.5px; | |
39 } | 36 } |
40 | 37 |
41 #folder-label { | 38 #folder-label { |
42 color: var(--secondary-text-color); | 39 color: var(--secondary-text-color); |
43 cursor: pointer; | 40 cursor: pointer; |
44 flex-grow: 1; | 41 flex-grow: 1; |
45 overflow: hidden; | 42 overflow: hidden; |
46 } | 43 } |
47 | 44 |
48 :host([is-selected-folder_]) .menu-label, | 45 :host([is-selected-folder_]) .menu-label, |
(...skipping 24 matching lines...) Expand all Loading... |
73 <template is="dom-if" if="[[hasChildFolder_(item_.children)]]"> | 70 <template is="dom-if" if="[[hasChildFolder_(item_.children)]]"> |
74 <paper-icon-button icon="[[getArrowIcon_(isClosed_)]]" | 71 <paper-icon-button icon="[[getArrowIcon_(isClosed_)]]" |
75 on-tap="toggleFolder_"></paper-icon-button> | 72 on-tap="toggleFolder_"></paper-icon-button> |
76 </template> | 73 </template> |
77 </div> | 74 </div> |
78 <div id="descendants" hidden$="[[isClosed_]]"> | 75 <div id="descendants" hidden$="[[isClosed_]]"> |
79 <template is="dom-repeat" | 76 <template is="dom-repeat" |
80 items="[[item_.children]]" | 77 items="[[item_.children]]" |
81 as="child" | 78 as="child" |
82 filter="isFolder_"> | 79 filter="isFolder_"> |
83 <bookmarks-folder-node item-id="[[child]]"> | 80 <bookmarks-folder-node item-id="[[child]]" |
| 81 depth="[[getChildDepth_(depth)]]"> |
84 </bookmarks-folder-node> | 82 </bookmarks-folder-node> |
85 </template> | 83 </template> |
86 </div> | 84 </div> |
87 </template> | 85 </template> |
88 <script src="chrome://bookmarks/folder_node.js"></script> | 86 <script src="chrome://bookmarks/folder_node.js"></script> |
89 </dom-module> | 87 </dom-module> |
OLD | NEW |