| OLD | NEW |
|---|
| 1 <!-- | 1 <!-- |
| 2 Copyright 2017 The LUCI Authors. All rights reserved. | 2 Copyright 2017 The LUCI Authors. All rights reserved. |
| 3 Use of this source code is governed under the Apache License, Version 2.0 | 3 Use of this source code is governed under the Apache License, Version 2.0 |
| 4 that can be found in the LICENSE file. | 4 that can be found in the LICENSE file. |
| 5 --> | 5 --> |
| 6 | 6 |
| 7 <link rel="import" href="../../bower_components/iron-icons/iron-icons.html"> | 7 <link rel="import" href="../../bower_components/iron-icons/iron-icons.html"> |
| 8 <link rel="import" href="../../bower_components/paper-button/paper-button.html"> | 8 <link rel="import" href="../../bower_components/paper-button/paper-button.html"> |
| 9 <link rel="import" href="../../bower_components/paper-card/paper-card.html"> | 9 <link rel="import" href="../../bower_components/paper-card/paper-card.html"> |
| 10 <link rel="import" href="../../bower_components/polymer/polymer.html"> | 10 <link rel="import" href="../../bower_components/polymer/polymer.html"> |
| 11 <link rel="import" href="../../bower_components/iron-icons/maps-icons.html"> | 11 <link rel="import" href="../../bower_components/iron-icons/maps-icons.html"> |
| 12 <link rel="import" href="../../bower_components/iron-flex-layout/iron-flex-layou
t.html"> | 12 <link rel="import" href="../../bower_components/iron-flex-layout/iron-flex-layou
t.html"> |
| 13 | 13 |
| 14 <dom-module id="config-file-card"> | 14 <dom-module id="config-file-card"> |
| 15 <template> | 15 <template> |
| 16 <style> | 16 <style> |
| 17 a { text-decoration: none; } | 17 a { |
| 18 text-decoration: none; |
| 19 color: inherit; |
| 20 } |
| 18 | 21 |
| 19 paper-card { | 22 paper-card { |
| 20 width: 100%; | 23 width: 100%; |
| 21 } | 24 } |
| 22 | 25 |
| 23 .config-title { | |
| 24 @apply --paper-font-headline; | |
| 25 word-wrap: break-word; | |
| 26 } | |
| 27 | |
| 28 .light { color: var(--paper-grey-600); } | |
| 29 | |
| 30 .config-open { color: var(--google-blue-500); } | |
| 31 </style> | 26 </style> |
| 32 | 27 |
| 33 <paper-card elevation="2"> | 28 <a href="[[link]]" target="_blank"> |
| 34 <div class="card-content"> | 29 <paper-card elevation="2" on-tap="_handleClick"> |
| 35 <div class="config-title">[[name]]</div> | 30 <div class="card-content"> |
| 36 </div> | 31 [[name]] |
| 37 <div class="card-actions"> | |
| 38 <div class="horizontal justified"> | |
| 39 <a href="[[link]]" target="_blank"> | |
| 40 <paper-button class="config-open">Open</paper-button> | |
| 41 </a> | |
| 42 </div> | 32 </div> |
| 43 </div> | 33 </paper-card> |
| 44 </paper-card> | 34 </a> |
| 45 </template> | 35 </template> |
| 46 <script> | 36 <script> |
| 47 Polymer({ | 37 Polymer({ |
| 48 is: "config-file-card", | 38 is: "config-file-card", |
| 49 | 39 |
| 50 properties: { | 40 properties: { |
| 51 name: { | 41 name: { |
| 52 type: String | 42 type: String |
| 53 }, | 43 }, |
| 54 | 44 |
| 55 link: { | 45 link: { |
| 56 type: String | 46 type: String |
| 57 }, | 47 }, |
| 58 } | 48 } |
| 49 |
| 59 }); | 50 }); |
| 60 </script> | 51 </script> |
| 61 </dom-module> | 52 </dom-module> |
| OLD | NEW |
|---|
Chromium Code Reviews
Issue 2978003002:
config_service: add a popup for icons and make cards more compact. (Closed)
