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

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

Issue 2639453002: [MD Bookmarks] Add Select for Bookmarks. (Closed)
Patch Set: fixed some comments Created 3 years, 10 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/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
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="url" as="child">
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>
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