OLD | NEW |
1 <link rel="import" href="chrome://resources/html/cr.html"> | 1 <link rel="import" href="chrome://resources/html/cr.html"> |
2 <link rel="import" href="chrome://resources/html/polymer.html"> | 2 <link rel="import" href="chrome://resources/html/polymer.html"> |
3 <link rel="import" href="chrome://resources/polymer/v1_0/iron-flex-layout/iron-f
lex-layout-classes.html"> | 3 <link rel="import" href="chrome://resources/polymer/v1_0/iron-flex-layout/iron-f
lex-layout-classes.html"> |
4 <link rel="import" href="chrome://resources/polymer/v1_0/iron-icons/iron-icons.h
tml"> | 4 <link rel="import" href="chrome://resources/polymer/v1_0/iron-icons/iron-icons.h
tml"> |
5 <link rel="import" href="chrome://resources/polymer/v1_0/paper-checkbox/paper-ch
eckbox.html"> | 5 <link rel="import" href="chrome://resources/polymer/v1_0/paper-checkbox/paper-ch
eckbox.html"> |
6 <link rel="import" href="chrome://resources/polymer/v1_0/paper-icon-button/paper
-icon-button.html"> | 6 <link rel="import" href="chrome://resources/polymer/v1_0/paper-icon-button/paper
-icon-button.html"> |
7 <link rel="import" href="chrome://resources/polymer/v1_0/paper-styles/color.html
"> | 7 <link rel="import" href="chrome://resources/polymer/v1_0/paper-styles/color.html
"> |
8 <link rel="import" href="chrome://resources/polymer/v1_0/neon-animation/neon-ani
matable-behavior.html"> | 8 <link rel="import" href="chrome://resources/polymer/v1_0/neon-animation/neon-ani
matable-behavior.html"> |
9 <link rel="import" href="chrome://extensions/animation_helper.html"> | 9 <link rel="import" href="chrome://extensions/animation_helper.html"> |
10 <link rel="import" href="chrome://extensions/item_source.html"> | 10 <link rel="import" href="chrome://extensions/item_source.html"> |
11 | 11 |
12 <dom-module id="extensions-detail-view"> | 12 <dom-module id="extensions-detail-view"> |
13 <style include="iron-flex"></style> | 13 <style include="iron-flex"></style> |
14 <template> | 14 <template> |
15 <style> | 15 <style> |
16 [hidden] { | 16 [hidden] { |
17 display: none !important; | 17 display: none !important; |
18 } | 18 } |
| 19 |
19 #main { | 20 #main { |
20 background-color: white; | 21 background-color: white; |
21 height: 800px; | 22 height: 800px; |
22 width: 90%; | 23 width: 90%; |
23 } | 24 } |
| 25 |
24 #top-bar { | 26 #top-bar { |
25 align-items: center; | 27 align-items: center; |
26 color: var(--paper-grey-600); | 28 color: var(--paper-grey-600); |
27 display: flex; | 29 display: flex; |
28 height: 40px; | 30 height: 40px; |
29 margin-bottom: 30px; | 31 margin-bottom: 30px; |
30 padding: 8px 12px 0; | 32 padding: 8px 12px 0; |
31 } | 33 } |
| 34 |
32 #name { | 35 #name { |
33 flex-grow: 1; | 36 flex-grow: 1; |
34 } | 37 } |
| 38 |
35 .section { | 39 .section { |
36 border-bottom: 1px solid var(--paper-grey-400); | 40 border-bottom: 1px solid var(--paper-grey-400); |
37 padding: 12px 20px; | 41 padding: 12px 20px; |
38 } | 42 } |
| 43 |
39 .section:last-child { | 44 .section:last-child { |
40 border: none; | 45 border: none; |
41 } | 46 } |
| 47 |
42 .section-title { | 48 .section-title { |
43 color: var(--paper-grey-800); | 49 color: var(--paper-grey-800); |
44 } | 50 } |
| 51 |
45 .section-content { | 52 .section-content { |
46 color: var(--paper-grey-600); | 53 color: var(--paper-grey-600); |
47 } | 54 } |
| 55 |
48 .section paper-checkbox { | 56 .section paper-checkbox { |
49 align-items: center; | 57 align-items: center; |
50 display: flex; | 58 display: flex; |
51 min-height: 40px; | 59 min-height: 40px; |
52 } | 60 } |
| 61 |
53 paper-checkbox { | 62 paper-checkbox { |
54 --paper-checkbox-checked-color: var(--google-blue-500); | 63 --paper-checkbox-checked-color: var(--google-blue-500); |
55 --primary-text-color: var(--paper-grey-800); | 64 --primary-text-color: var(--paper-grey-800); |
56 } | 65 } |
| 66 |
57 ul { | 67 ul { |
58 -webkit-padding-start: 20px; | 68 -webkit-padding-start: 20px; |
59 margin: 0; | 69 margin: 0; |
60 } | 70 } |
61 </style> | 71 </style> |
62 <div id="main"> | 72 <div id="main"> |
63 <div id="top-bar"> | 73 <div id="top-bar"> |
64 <paper-icon-button id="close-button" icon="arrow-back" | 74 <paper-icon-button id="close-button" icon="arrow-back" |
65 on-tap="onCloseButtonTap_"></paper-icon-button> | 75 on-tap="onCloseButtonTap_"></paper-icon-button> |
66 <span id="name">[[data.name]]</span> | 76 <span id="name">[[data.name]]</span> |
(...skipping 75 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
142 <div class="section"> | 152 <div class="section"> |
143 <div class="section-title">$i18n{itemSource}</div> | 153 <div class="section-title">$i18n{itemSource}</div> |
144 <div class="section-content"> | 154 <div class="section-content"> |
145 [[computeSourceString_(data.*)]] | 155 [[computeSourceString_(data.*)]] |
146 </div> | 156 </div> |
147 </div> | 157 </div> |
148 </div> | 158 </div> |
149 </template> | 159 </template> |
150 <script src="chrome://extensions/detail_view.js"></script> | 160 <script src="chrome://extensions/detail_view.js"></script> |
151 </dom-module> | 161 </dom-module> |
OLD | NEW |