| OLD | NEW |
| 1 <link rel="import" href="chrome://resources/cr_elements/icons.html"> | 1 <link rel="import" href="chrome://resources/cr_elements/icons.html"> |
| 2 <link rel="import" href="chrome://resources/html/assert.html"> | 2 <link rel="import" href="chrome://resources/html/assert.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/paper-icon-button/paper
-icon-button.html"> | 4 <link rel="import" href="chrome://resources/polymer/v1_0/paper-icon-button/paper
-icon-button.html"> |
| 5 | 5 |
| 6 <dom-module id="cr-dialog"> | 6 <dom-module id="cr-dialog"> |
| 7 <template> | 7 <template> |
| 8 <style> | 8 <style> |
| 9 :host { | 9 :host { |
| 10 border: 0; | 10 border: 0; |
| (...skipping 32 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 43 }; | 43 }; |
| 44 -webkit-margin-end: 6px; | 44 -webkit-margin-end: 6px; |
| 45 /* <paper-icon-button> overrides --iron-icon-{height,width}, so this | 45 /* <paper-icon-button> overrides --iron-icon-{height,width}, so this |
| 46 * padding essentially reduces 40x40 to 20x20. */ | 46 * padding essentially reduces 40x40 to 20x20. */ |
| 47 padding: 10px; | 47 padding: 10px; |
| 48 } | 48 } |
| 49 | 49 |
| 50 .body-container { | 50 .body-container { |
| 51 display: flex; | 51 display: flex; |
| 52 flex-direction: column; | 52 flex-direction: column; |
| 53 max-width: 800px; | 53 /* TODO(dbeam): copy <paper-dialog-scrollable>'s dividers? */ |
| 54 min-width: 512px; | |
| 55 /* TODO(dbeam): use <paper-dialog-scrollable> to get dividers? */ | |
| 56 overflow: auto; | 54 overflow: auto; |
| 55 width: 512px; |
| 57 } | 56 } |
| 58 | 57 |
| 59 :host ::content .body { | 58 :host ::content .body { |
| 60 padding-bottom: 12px; | 59 padding-bottom: 12px; |
| 61 padding-top: 12px; | 60 padding-top: 12px; |
| 62 } | 61 } |
| 63 | 62 |
| 64 :host ::content .body, | 63 :host ::content .body, |
| 65 :host ::content .title { | 64 :host ::content .title { |
| 66 -webkit-padding-end: 24px; | 65 -webkit-padding-end: 24px; |
| (...skipping 30 matching lines...) Expand all Loading... |
| 97 </paper-icon-button> | 96 </paper-icon-button> |
| 98 </div> | 97 </div> |
| 99 <div class="body-container"> | 98 <div class="body-container"> |
| 100 <content select=".body"></content> | 99 <content select=".body"></content> |
| 101 </div> | 100 </div> |
| 102 <content select=".button-container"></content> | 101 <content select=".button-container"></content> |
| 103 <content select=".footer"></content> | 102 <content select=".footer"></content> |
| 104 </template> | 103 </template> |
| 105 <script src="cr_dialog.js"></script> | 104 <script src="cr_dialog.js"></script> |
| 106 </dom-module> | 105 </dom-module> |
| OLD | NEW |