| 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 <link rel="import" href="chrome://resources/polymer/v1_0/paper-styles/default-th
eme.html"> | 5 <link rel="import" href="chrome://resources/polymer/v1_0/paper-styles/default-th
eme.html"> |
| 6 | 6 |
| 7 <dom-module id="cr-dialog"> | 7 <dom-module id="cr-dialog"> |
| 8 <template> | 8 <template> |
| 9 <style> | 9 <style> |
| 10 :host { | 10 :host { |
| (...skipping 30 matching lines...) Expand all Loading... |
| 41 position: fixed; | 41 position: fixed; |
| 42 right: 0; | 42 right: 0; |
| 43 top: 0; | 43 top: 0; |
| 44 } | 44 } |
| 45 | 45 |
| 46 :host ::content .body { | 46 :host ::content .body { |
| 47 padding: 12px 16px; | 47 padding: 12px 16px; |
| 48 } | 48 } |
| 49 | 49 |
| 50 :host ::content .title { | 50 :host ::content .title { |
| 51 font-size: 115.38%; /* (15px / 13px) * 100 */ | 51 font-size: calc(15 / 13 * 100%); |
| 52 line-height: 1; | 52 line-height: 1; |
| 53 padding: 16px 16px; | 53 padding: 16px 16px; |
| 54 flex: 1; | 54 flex: 1; |
| 55 } | 55 } |
| 56 | 56 |
| 57 :host ::content .button-container { | 57 :host ::content .button-container { |
| 58 padding: 16px 16px; | 58 padding: 16px 16px; |
| 59 display: flex; | 59 display: flex; |
| 60 justify-content: flex-end; | 60 justify-content: flex-end; |
| 61 } | 61 } |
| (...skipping 51 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 113 --paper-icon-button: { | 113 --paper-icon-button: { |
| 114 height: 36px; | 114 height: 36px; |
| 115 width: 36px; | 115 width: 36px; |
| 116 }; | 116 }; |
| 117 | 117 |
| 118 --layout-inline: { | 118 --layout-inline: { |
| 119 display: flex; | 119 display: flex; |
| 120 }; | 120 }; |
| 121 | 121 |
| 122 -webkit-margin-end: 4px; | 122 -webkit-margin-end: 4px; |
| 123 align-self: flex-start; |
| 123 margin-top: 4px; | 124 margin-top: 4px; |
| 124 padding: 10px; /* Makes the actual icon 16x16. */ | 125 padding: 10px; /* Makes the actual icon 16x16. */ |
| 125 } | 126 } |
| 126 </style> | 127 </style> |
| 127 <div class="top-container"> | 128 <div class="top-container"> |
| 128 <div class="title-container" tabindex="-1"> | 129 <div class="title-container" tabindex="-1"> |
| 129 <content select=".title"></content> | 130 <content select=".title"></content> |
| 130 </div> | 131 </div> |
| 131 <paper-icon-button icon="cr:clear" on-tap="cancel" id="close" | 132 <paper-icon-button icon="cr:clear" on-tap="cancel" id="close" |
| 132 aria-label$="[[closeText]]"> | 133 aria-label$="[[closeText]]"> |
| 133 </paper-icon-button> | 134 </paper-icon-button> |
| 134 </div> | 135 </div> |
| 135 <div class="body-container"> | 136 <div class="body-container"> |
| 136 <span id="bodyTopMarker"></span> | 137 <span id="bodyTopMarker"></span> |
| 137 <content select=".body"></content> | 138 <content select=".body"></content> |
| 138 <span id="bodyBottomMarker"></span> | 139 <span id="bodyBottomMarker"></span> |
| 139 </div> | 140 </div> |
| 140 <content select=".button-container"></content> | 141 <content select=".button-container"></content> |
| 141 <content select=".footer"></content> | 142 <content select=".footer"></content> |
| 142 </template> | 143 </template> |
| 143 <script src="cr_dialog.js"></script> | 144 <script src="cr_dialog.js"></script> |
| 144 </dom-module> | 145 </dom-module> |
| OLD | NEW |