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

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: closure 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
« no previous file with comments | « no previous file | chrome/browser/resources/md_bookmarks/folder_node.js » ('j') | no next file with comments »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
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 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
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>
OLDNEW
« no previous file with comments | « no previous file | chrome/browser/resources/md_bookmarks/folder_node.js » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698