OLD | NEW |
1 <link rel="import" href="chrome://resources/cr_elements/hidden_style_css.html"> | 1 <link rel="import" href="chrome://resources/cr_elements/hidden_style_css.html"> |
2 <link rel="import" href="chrome://resources/cr_elements/icons.html"> | 2 <link rel="import" href="chrome://resources/cr_elements/icons.html"> |
3 <link rel="import" href="chrome://resources/html/assert.html"> | 3 <link rel="import" href="chrome://resources/html/assert.html"> |
4 <link rel="import" href="chrome://resources/html/polymer.html"> | 4 <link rel="import" href="chrome://resources/html/polymer.html"> |
5 <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-icon-button/paper
-icon-button.html"> |
6 <link rel="import" href="chrome://resources/polymer/v1_0/paper-styles/default-th
eme.html"> | 6 <link rel="import" href="chrome://resources/polymer/v1_0/paper-styles/default-th
eme.html"> |
7 | 7 |
8 <dom-module id="cr-dialog"> | 8 <dom-module id="cr-dialog"> |
9 <template> | 9 <template> |
10 <style include="cr-hidden-style"> | 10 <style include="cr-hidden-style"> |
11 :host { | 11 :host { |
12 --scroll-border: 1px solid var(--paper-grey-300); | 12 --scroll-border: 1px solid var(--paper-grey-300); |
13 border: 0; | 13 border: 0; |
14 border-radius: 2px; | 14 border-radius: 2px; |
15 bottom: 0; | 15 bottom: 0; |
16 box-shadow: 0 0 16px rgba(0, 0, 0, 0.12), | 16 box-shadow: 0 0 16px rgba(0, 0, 0, 0.12), |
17 0 16px 16px rgba(0, 0, 0, 0.24); | 17 0 16px 16px rgba(0, 0, 0, 0.24); |
18 color: inherit; | 18 color: inherit; |
19 overflow: scroll; | 19 overflow: auto; |
20 padding: 0; | 20 padding: 0; |
21 top: 0; | 21 top: 0; |
22 width: 512px; | 22 width: 512px; |
23 } | 23 } |
24 | 24 |
25 :host([open]) { | 25 :host([open]) { |
26 /* Keep max-height within viewport, and flex content accordingly. */ | 26 /* Keep max-height within viewport, and flex content accordingly. */ |
27 display: flex; | 27 display: flex; |
28 flex-direction: column; | 28 flex-direction: column; |
29 max-height: 100vh; | 29 max-height: 100vh; |
(...skipping 109 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
139 <div class="body-container"> | 139 <div class="body-container"> |
140 <span id="bodyTopMarker"></span> | 140 <span id="bodyTopMarker"></span> |
141 <content select=".body"></content> | 141 <content select=".body"></content> |
142 <span id="bodyBottomMarker"></span> | 142 <span id="bodyBottomMarker"></span> |
143 </div> | 143 </div> |
144 <content select=".button-container"></content> | 144 <content select=".button-container"></content> |
145 <content select=".footer"></content> | 145 <content select=".footer"></content> |
146 </template> | 146 </template> |
147 <script src="cr_dialog.js"></script> | 147 <script src="cr_dialog.js"></script> |
148 </dom-module> | 148 </dom-module> |
OLD | NEW |