Chromium Code Reviews| OLD | NEW |
|---|---|
| (Empty) | |
| 1 <link href="chrome://resources/polymer/polymer/polymer.html" rel="import"> | |
| 2 <link href="chrome://resources/polymer/core-toolbar/core-toolbar.html" rel="impo rt"> | |
| 3 <link href="chrome://resources/polymer/paper-icon-button/paper-icon-button.html" rel="import"> | |
| 4 <link href="chrome://resources/polymer/core-icons/communication-icons.html" rel= "import"> | |
| 5 | |
| 6 <polymer-element name="log-panel" layout vertical> | |
| 7 <template> | |
| 8 <style> | |
| 9 core-toolbar { | |
| 10 height: 48px; | |
| 11 box-shadow: 0px 3px 2px rgba(0, 0, 0, 0.2); | |
| 12 background-color: #069BDE; | |
| 13 margin: 0; | |
| 14 } | |
| 15 | |
| 16 core-toolbar paper-icon-button { | |
| 17 padding: 0; | |
| 18 } | |
| 19 | |
| 20 #list { | |
| 21 overflow: auto; | |
| 22 } | |
| 23 | |
| 24 .list-item { | |
| 25 font-size: 12px; | |
| 26 font-family: monospace; | |
| 27 padding: 15px 30px; | |
| 28 border-bottom: 1px solid rgba(0,0,0,0.12); | |
| 29 } | |
| 30 | |
| 31 .item-metadata { | |
| 32 font-size: 10px; | |
| 33 color: #999; | |
| 34 } | |
| 35 | |
| 36 .item-log { | |
| 37 overflow: hidden; | |
| 38 margin: 0; | |
| 39 } | |
| 40 | |
| 41 .list-item:hover .item-log { | |
| 42 text-overflow: clip; | |
| 43 overflow: auto; | |
| 44 } | |
| 45 </style> | |
| 46 | |
| 47 <core-toolbar layout horizontal end-justified center | |
| 48 on-click='{{clearLogs}}'> | |
| 49 <paper-icon-button icon="communication:clear-all"></paper-icon-button> | |
| 50 </core-toolbar> | |
| 51 | |
| 52 <div id='list' flex> | |
| 53 <template repeat='{{log in logs}}'> | |
| 54 <div class='list-item {{ {selected: log.selected} | tokenList }}' | |
| 55 on-click={{itemClick}}> | |
| 56 <div class='item-metadata' layout horizontal> | |
| 57 <div>14:23:50</div> | |
|
michaelpg
2015/04/28 04:00:49
nit: 2-space indent
Tim Song
2015/04/28 19:41:33
Done.
| |
| 58 <div flex></div> | |
| 59 <div>proximity_auth_class.cc:123</div> | |
| 60 </div> | |
| 61 <pre class='item-log' flex>{{log.text}}</pre> | |
| 62 </div> | |
| 63 </template> | |
| 64 </div> | |
| 65 </template> | |
| 66 <script src="log-panel.js"></script> | |
| 67 </polymer-element> | |
| OLD | NEW |