| 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 |