| 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 41 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 52 }; | 52 }; |
| 53 -webkit-margin-end: 6px; | 53 -webkit-margin-end: 6px; |
| 54 /* <paper-icon-button> overrides --iron-icon-{height,width}, so this | 54 /* <paper-icon-button> overrides --iron-icon-{height,width}, so this |
| 55 * padding essentially reduces 40x40 to 20x20. */ | 55 * padding essentially reduces 40x40 to 20x20. */ |
| 56 padding: 10px; | 56 padding: 10px; |
| 57 } | 57 } |
| 58 | 58 |
| 59 .body-container { | 59 .body-container { |
| 60 display: flex; | 60 display: flex; |
| 61 flex-direction: column; | 61 flex-direction: column; |
| 62 /* TODO(dbeam): copy <paper-dialog-scrollable>'s dividers? */ |
| 62 overflow: auto; | 63 overflow: auto; |
| 63 @apply(--cr-dialog-body-container); | |
| 64 } | |
| 65 | |
| 66 :host([show-scroll-borders]) .body-container { | |
| 67 /* Prevent layout moving when border does appear. */ | |
| 68 border-bottom: 1px solid transparent; | |
| 69 } | |
| 70 | |
| 71 :host([show-scroll-borders]) .body-container.bottom-scrollable { | |
| 72 border-bottom: 1px solid var(--paper-grey-300); | |
| 73 } | 64 } |
| 74 | 65 |
| 75 :host ::content .body { | 66 :host ::content .body { |
| 76 padding-bottom: 12px; | 67 padding-bottom: 12px; |
| 77 padding-top: 12px; | 68 padding-top: 12px; |
| 78 } | 69 } |
| 79 | 70 |
| 80 :host ::content .body, | 71 :host ::content .body, |
| 81 :host ::content .title { | 72 :host ::content .title { |
| 82 -webkit-padding-end: 24px; | 73 -webkit-padding-end: 24px; |
| (...skipping 29 matching lines...) Expand all Loading... |
| 112 <div class="top-container"> | 103 <div class="top-container"> |
| 113 <div class="title-container" tabindex="-1"> | 104 <div class="title-container" tabindex="-1"> |
| 114 <content select=".title"></content> | 105 <content select=".title"></content> |
| 115 </div> | 106 </div> |
| 116 <paper-icon-button icon="cr:clear" on-tap="cancel" id="close" | 107 <paper-icon-button icon="cr:clear" on-tap="cancel" id="close" |
| 117 aria-label$="[[closeText]]"> | 108 aria-label$="[[closeText]]"> |
| 118 </paper-icon-button> | 109 </paper-icon-button> |
| 119 </div> | 110 </div> |
| 120 <div class="body-container"> | 111 <div class="body-container"> |
| 121 <content select=".body"></content> | 112 <content select=".body"></content> |
| 122 <span id="bodyBottomMarker"></span> | |
| 123 </div> | 113 </div> |
| 124 <content select=".button-container"></content> | 114 <content select=".button-container"></content> |
| 125 <content select=".footer"></content> | 115 <content select=".footer"></content> |
| 126 </template> | 116 </template> |
| 127 <script src="cr_dialog.js"></script> | 117 <script src="cr_dialog.js"></script> |
| 128 </dom-module> | 118 </dom-module> |
| OLD | NEW |