Chromium Code Reviews| OLD | NEW |
|---|---|
| (Empty) | |
| 1 <link rel="import" href="chrome://resources/html/polymer.html"> | |
| 2 <link rel="import" href="chrome://resources/cr_elements/icons.html"> | |
| 3 <link rel="import" href="chrome://resources/html/icon.html"> | |
| 4 <link rel="import" href="chrome://resources/polymer/v1_0/iron-icon/iron-icon.htm l"> | |
| 5 <link rel="import" href="chrome://resources/polymer/v1_0/paper-icon-button/paper -icon-button-light.html"> | |
| 6 <link rel="import" href="chrome://bookmarks/shared_style.html"> | |
| 7 | |
| 8 <dom-module id="bookmarks-item"> | |
| 9 <template> | |
| 10 <style include="shared-style"> | |
| 11 :host { | |
| 12 -webkit-padding-start: 20px; | |
| 13 align-items: center; | |
| 14 display: flex; | |
| 15 flex-direction: row; | |
| 16 height: 40px; | |
| 17 } | |
| 18 | |
| 19 #website-title { | |
| 20 color: var(--primary-text-color); | |
| 21 cursor: pointer; | |
| 22 flex: 1; | |
| 23 overflow: hidden; | |
| 24 text-decoration: none; | |
| 25 text-overflow: ellipsis; | |
| 26 white-space: nowrap; | |
| 27 } | |
| 28 | |
| 29 #icon { | |
| 30 background-repeat: no-repeat; | |
| 31 height: 16px; | |
| 32 margin: 2px; | |
| 33 } | |
| 34 | |
| 35 #icon-wrapper { | |
| 36 -webkit-margin-end: 20px; | |
| 37 height: 20px; | |
| 38 width: 20px; | |
| 39 } | |
| 40 | |
| 41 .more-vert-button { | |
| 42 -webkit-margin-end: 12px; | |
| 43 } | |
| 44 | |
| 45 iron-icon { | |
| 46 --iron-icon-height: 20px; | |
| 47 --iron-icon-width: 20px; | |
| 48 color: var(--secondary-text-color); | |
| 49 } | |
| 50 </style> | |
| 51 <div id="icon-wrapper"> | |
| 52 <iron-icon icon="bookmarks:folder" | |
|
tsergeant
2017/01/03 23:31:17
This is wrapped a bit weirdly. We also normally ke
jiaxi
2017/01/04 02:50:16
Done.
| |
| 53 hidden$="[[!isFolder_]]" id="folder-icon"> | |
| 54 </iron-icon> | |
| 55 <div id="icon" hidden$="[[isFolder_]]"></div> | |
| 56 </div> | |
| 57 <div id="website-title"> | |
| 58 [[item.title]] | |
| 59 </div> | |
| 60 <button is="paper-icon-button-light" class="more-vert-button" | |
| 61 on-tap="onMenuButtonOpenTap_"> | |
| 62 <div></div> | |
| 63 <div></div> | |
| 64 <div></div> | |
| 65 </button> | |
| 66 </template> | |
| 67 <script src="chrome://bookmarks/item.js"></script> | |
| 68 <dom-module> | |
| OLD | NEW |