OLD | NEW |
1 <link rel="import" href="chrome://resources/html/assert.html"> | 1 <link rel="import" href="chrome://resources/html/assert.html"> |
2 <link rel="import" href="chrome://resources/html/cr.html"> | 2 <link rel="import" href="chrome://resources/html/cr.html"> |
3 <link rel="import" href="chrome://resources/html/polymer.html"> | 3 <link rel="import" href="chrome://resources/html/polymer.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-button/paper-butt
on.html"> | 5 <link rel="import" href="chrome://resources/polymer/v1_0/paper-button/paper-butt
on.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-input/paper-input
.html"> | 7 <link rel="import" href="chrome://resources/polymer/v1_0/paper-input/paper-input
.html"> |
8 <link rel="import" href="chrome://resources/polymer/v1_0/paper-styles/shadow.htm
l"> | 8 <link rel="import" href="chrome://resources/polymer/v1_0/paper-styles/shadow.htm
l"> |
9 | 9 |
10 <dom-module id="extensions-pack-dialog"> | 10 <dom-module id="extensions-pack-dialog"> |
11 <template> | 11 <template> |
12 <style> | 12 <style> |
13 dialog { | 13 dialog { |
14 @apply(--shadow-elevation-2dp); | 14 @apply(--shadow-elevation-2dp); |
15 border: none; | 15 border: none; |
16 border-radius: 2px; | 16 border-radius: 2px; |
17 padding: 0; | 17 padding: 0; |
18 } | 18 } |
| 19 |
19 header { | 20 header { |
20 align-items: center; | 21 align-items: center; |
21 border-bottom: 1px solid var(--paper-grey-200); | 22 border-bottom: 1px solid var(--paper-grey-200); |
22 color: var(--paper-grey-800); | 23 color: var(--paper-grey-800); |
23 display: flex; | 24 display: flex; |
24 justify-content: space-between; | 25 justify-content: space-between; |
25 padding: 12px 20px; | 26 padding: 12px 20px; |
26 } | 27 } |
| 28 |
27 #main { | 29 #main { |
28 color: var(--paper-grey-800); | 30 color: var(--paper-grey-800); |
29 max-width: 800px; | 31 max-width: 800px; |
30 padding: 20px; | 32 padding: 20px; |
31 width: 512px; | 33 width: 512px; |
32 } | 34 } |
| 35 |
33 paper-button { | 36 paper-button { |
34 align-items: center; | 37 align-items: center; |
35 border-radius: 2px; | 38 border-radius: 2px; |
36 cursor: pointer; | 39 cursor: pointer; |
37 display: flex; | 40 display: flex; |
38 justify-content: center; | 41 justify-content: center; |
39 padding: 8px 12px; | 42 padding: 8px 12px; |
40 text-transform: uppercase; | 43 text-transform: uppercase; |
41 } | 44 } |
| 45 |
42 .file-input { | 46 .file-input { |
43 display: flex; | 47 display: flex; |
44 } | 48 } |
| 49 |
45 .file-input paper-input { | 50 .file-input paper-input { |
46 flex: 1; | 51 flex: 1; |
47 } | 52 } |
| 53 |
48 .file-input paper-button { | 54 .file-input paper-button { |
49 -webkit-margin-start: 10px; | 55 -webkit-margin-start: 10px; |
50 color: var(--google-blue-500); | 56 color: var(--google-blue-500); |
51 } | 57 } |
| 58 |
52 #buttons-container { | 59 #buttons-container { |
53 display: flex; | 60 display: flex; |
54 justify-content: flex-end; | 61 justify-content: flex-end; |
55 padding: 20px; | 62 padding: 20px; |
56 } | 63 } |
| 64 |
57 #confirm { | 65 #confirm { |
58 -webkit-margin-start: 12px; | 66 -webkit-margin-start: 12px; |
59 background-color: var(--google-blue-500); | 67 background-color: var(--google-blue-500); |
60 color: white; | 68 color: white; |
61 } | 69 } |
62 </style> | 70 </style> |
63 <dialog> | 71 <dialog> |
64 <header> | 72 <header> |
65 <span>$i18n{packDialogTitle}</span> | 73 <span>$i18n{packDialogTitle}</span> |
66 <paper-icon-button id="close-button" icon="close" on-tap="close"> | 74 <paper-icon-button id="close-button" icon="close" on-tap="close"> |
(...skipping 23 matching lines...) Expand all Loading... |
90 $i18n{packDialogCancel} | 98 $i18n{packDialogCancel} |
91 </paper-button> | 99 </paper-button> |
92 <paper-button id="confirm" on-tap="onConfirmTap_"> | 100 <paper-button id="confirm" on-tap="onConfirmTap_"> |
93 $i18n{packDialogConfirm} | 101 $i18n{packDialogConfirm} |
94 </paper-button> | 102 </paper-button> |
95 </div> | 103 </div> |
96 </dialog> | 104 </dialog> |
97 </template> | 105 </template> |
98 <script src="chrome://extensions/pack_dialog.js"></script> | 106 <script src="chrome://extensions/pack_dialog.js"></script> |
99 </dom-module> | 107 </dom-module> |
OLD | NEW |