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 28 matching lines...) Expand all Loading... | |
39 display: flex; | 39 display: flex; |
40 flex: 1; | 40 flex: 1; |
41 outline: none; | 41 outline: none; |
42 } | 42 } |
43 | 43 |
44 :host ::content .title { | 44 :host ::content .title { |
45 font-size: 123.07%; /* (16px / 13px) * 100 */ | 45 font-size: 123.07%; /* (16px / 13px) * 100 */ |
46 } | 46 } |
47 | 47 |
48 #close { | 48 #close { |
49 align-self: flex-start; | |
dschuyler
2017/04/07 00:02:06
All the --vars go before the other entries e.g.
-
dullweber
2017/04/07 09:39:21
Done.
| |
49 --paper-icon-button: { | 50 --paper-icon-button: { |
50 height: 40px; | 51 height: 40px; |
51 width: 40px; | 52 width: 40px; |
52 }; | 53 }; |
54 margin-top: 6px; | |
53 -webkit-margin-end: 6px; | 55 -webkit-margin-end: 6px; |
54 /* <paper-icon-button> overrides --iron-icon-{height,width}, so this | 56 /* <paper-icon-button> overrides --iron-icon-{height,width}, so this |
55 * padding essentially reduces 40x40 to 20x20. */ | 57 * padding essentially reduces 40x40 to 20x20. */ |
56 padding: 10px; | 58 padding: 10px; |
57 } | 59 } |
58 | 60 |
59 .body-container { | 61 .body-container { |
60 display: flex; | 62 display: flex; |
61 flex-direction: column; | 63 flex-direction: column; |
62 /* TODO(dbeam): copy <paper-dialog-scrollable>'s dividers? */ | 64 /* TODO(dbeam): copy <paper-dialog-scrollable>'s dividers? */ |
(...skipping 46 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... | |
109 </paper-icon-button> | 111 </paper-icon-button> |
110 </div> | 112 </div> |
111 <div class="body-container"> | 113 <div class="body-container"> |
112 <content select=".body"></content> | 114 <content select=".body"></content> |
113 </div> | 115 </div> |
114 <content select=".button-container"></content> | 116 <content select=".button-container"></content> |
115 <content select=".footer"></content> | 117 <content select=".footer"></content> |
116 </template> | 118 </template> |
117 <script src="cr_dialog.js"></script> | 119 <script src="cr_dialog.js"></script> |
118 </dom-module> | 120 </dom-module> |
OLD | NEW |