Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(16)

Side by Side Diff: chrome/browser/resources/md_bookmarks/folder_node.html

Issue 2733123003: [MD Bookmarks] Make folder nodes extend their whole width. (Closed)
Patch Set: address comments Created 3 years, 9 months ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View unified diff | Download patch
OLDNEW
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
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 margin-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 22 matching lines...) Expand all
71 <div class="menu-label">[[item.title]]</div> 68 <div class="menu-label">[[item.title]]</div>
72 </div> 69 </div>
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" items="[[item.children]]" 76 <template is="dom-repeat" items="[[item.children]]"
80 filter="isFolder_" as="child"> 77 filter="isFolder_" as="child">
81 <bookmarks-folder-node item-id="[[child]]"> 78 <bookmarks-folder-node item-id="[[child]]" depth="[[getChildDepth_(depth )]]">
tsergeant 2017/03/08 23:26:17 Nit: Wrap here.
calamity 2017/03/09 02:48:53 Done.
82 </bookmarks-folder-node> 79 </bookmarks-folder-node>
83 </template> 80 </template>
84 </div> 81 </div>
85 </template> 82 </template>
86 <script src="chrome://bookmarks/folder_node.js"></script> 83 <script src="chrome://bookmarks/folder_node.js"></script>
87 </dom-module> 84 </dom-module>
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698