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