| OLD | NEW |
| 1 <link rel="import" href="chrome://resources/html/polymer.html"> | 1 <link rel="import" href="chrome://resources/html/polymer.html"> |
| 2 <link rel="import" href="chrome://resources/polymer/v1_0/paper-button/paper-butt
on.html"> | 2 <link rel="import" href="chrome://resources/polymer/v1_0/paper-button/paper-butt
on.html"> |
| 3 <link rel="import" href="chrome://resources/polymer/v1_0/paper-checkbox/paper-ch
eckbox.html"> | 3 <link rel="import" href="chrome://resources/polymer/v1_0/paper-checkbox/paper-ch
eckbox.html"> |
| 4 <link rel="import" href="chrome://resources/polymer/v1_0/paper-input/paper-input
.html"> | 4 <link rel="import" href="chrome://resources/polymer/v1_0/paper-input/paper-input
.html"> |
| 5 <link rel="import" href="chrome://resources/polymer/v1_0/paper-input/paper-texta
rea.html"> | 5 <link rel="import" href="chrome://resources/polymer/v1_0/paper-input/paper-texta
rea.html"> |
| 6 <dom-module name="feedback-container"> | 6 <dom-module name="feedback-container"> |
| 7 <template> | 7 <template> |
| 8 <style> | 8 <style> |
| 9 #additional-info { |
| 10 margin-top: 10px; |
| 11 } |
| 12 |
| 13 #buttons { |
| 14 display: -webkit-flex; |
| 15 justify-content: flex-end; |
| 16 } |
| 17 |
| 18 #header { |
| 19 font-size: 1.25em; |
| 20 margin: 12px 0; |
| 21 } |
| 22 |
| 9 paper-button { | 23 paper-button { |
| 10 cursor: pointer; | 24 cursor: pointer; |
| 11 text-align: center; | 25 text-align: center; |
| 12 } | 26 } |
| 13 | 27 |
| 28 paper-checkbox { |
| 29 --paper-checkbox-size: 14px; |
| 30 } |
| 31 |
| 32 paper-input, |
| 33 paper-textarea { |
| 34 --paper-input-container-input: { |
| 35 font-size: 1.0em; |
| 36 line-height: 1.0em; |
| 37 }; |
| 38 --paper-input-container-label: { |
| 39 font-size: 1.0em; |
| 40 line-height: 1.0em; |
| 41 }; |
| 42 } |
| 43 |
| 44 paper-input-container { |
| 45 padding: 0; |
| 46 } |
| 47 |
| 14 #submit-button { | 48 #submit-button { |
| 15 color: var(--paper-blue-700); | 49 color: var(--paper-blue-700); |
| 16 } | 50 } |
| 17 </style> | 51 </style> |
| 18 <div id="header"> | 52 <div id="header"> |
| 19 <span>$i18n{headingText}</span> | 53 <span>$i18n{headingText}</span> |
| 20 </div> | 54 </div> |
| 21 <div> | 55 <hr> |
| 22 <paper-textarea label="$i18n{openEndedLabel}"></paper-textarea> | 56 <paper-textarea label="$i18n{openEndedLabel}"></paper-textarea> |
| 23 <paper-input label="$i18n{urlLabel}" placeholder="[[url]]"></paper-input> | 57 <span id="additional-info">$i18n{additionalInfoLabel}</span> |
| 24 <paper-input label="$i18n{emailLabel}" placeholder="[[email]]"></paper-inp
ut> | 58 <paper-input label="$i18n{urlLabel}" placeholder="[[url]]"></paper-input> |
| 25 </div> | 59 <paper-input label="$i18n{emailLabel}" placeholder="[[email]]"></paper-input
> |
| 26 <div> | 60 <div> |
| 27 <paper-checkbox>$i18n{includeScreenshotLabel}</paper-checkbox> | 61 <paper-checkbox>$i18n{includeScreenshotLabel}</paper-checkbox> |
| 28 </div> | 62 </div> |
| 29 <div> | 63 <div> |
| 30 <paper-checkbox>$i18n{sendSystemInfoLabel}</paper-checkbox> | 64 <paper-checkbox>$i18n{sendSystemInfoLabel}</paper-checkbox> |
| 31 </div> | 65 </div> |
| 32 <div> | 66 <p id="privacyNote"></p> |
| 33 <span id="privacyNote"></span> | 67 <div id="buttons"> |
| 34 </div> | |
| 35 <div> | |
| 36 <paper-button>$i18n{cancelButton}</paper-button> | 68 <paper-button>$i18n{cancelButton}</paper-button> |
| 37 <paper-button id="submit-button">$i18n{sendReportButton}</paper-button> | 69 <paper-button id="submit-button">$i18n{sendReportButton}</paper-button> |
| 38 </div> | 70 </div> |
| 39 </template> | 71 </template> |
| 40 <script src="feedback_container.js"></script> | 72 <script src="feedback_container.js"></script> |
| 41 </dom-module> | 73 </dom-module> |
| OLD | NEW |