Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(8)

Side by Side Diff: ui/webui/resources/cr_elements/cr_dialog/cr_dialog.html

Issue 2716333002: Implement important sites dialog for desktop. (Closed)
Patch Set: change element.$.someId to element.$$(#someId) Created 3 years, 7 months ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View unified diff | Download patch
« no previous file with comments | « chrome/test/data/webui/settings/privacy_page_test.js ('k') | no next file » | no next file with comments »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
OLDNEW
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
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
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>
OLDNEW
« no previous file with comments | « chrome/test/data/webui/settings/privacy_page_test.js ('k') | no next file » | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698