OLD | NEW |
---|---|
(Empty) | |
1 <link rel="import" href="chrome://resources/html/polymer.html"> | |
2 <link rel="import" href="chrome://resources/cr_elements/icons.html"> | |
3 <link rel="import" href="chrome://resources/polymer/v1_0/paper-button/paper-butt on.html"> | |
4 <link rel="import" href="chrome://resources/polymer/v1_0/paper-icon-button/paper -icon-button-light.html"> | |
5 | |
6 <dom-module id="cr-toolbar-selection-overlay"> | |
7 <template> | |
8 <style> | |
9 :host { | |
10 -webkit-padding-start: var(--cr-toolbar-field-margin, 0); | |
11 height: 56px; | |
12 display: flex; | |
13 } | |
14 | |
15 #overlay-buttons { | |
16 align-items: center; | |
17 display: flex; | |
18 flex: 1; | |
19 margin: 0 auto; | |
20 max-width: var(--selection-overlay-max-width, initial); | |
21 padding: 0 var(--selection-overlay-padding, 24px); | |
22 } | |
23 | |
24 paper-button { | |
25 font-weight: 500; | |
26 } | |
27 | |
28 #number-selected { | |
29 flex: 1; | |
30 } | |
31 | |
32 #cancel-icon-button { | |
33 -webkit-margin-end: 24px; | |
34 -webkit-margin-start: 2px; | |
35 height: 36px; | |
36 width: 36px; | |
37 } | |
38 | |
39 #cancel-icon-button iron-icon { | |
40 height: 20px; | |
41 width: 20px; | |
42 } | |
43 </style> | |
44 <div id="overlay-buttons"> | |
Dan Beam
2017/04/11 00:39:01
why do we need #overlay-buttons rather than puttin
Dan Beam
2017/04/11 00:39:01
nit: many of these IDs have presentational details
tsergeant
2017/04/11 01:16:20
The extra div is used to ensure we can have the le
| |
45 <button is="paper-icon-button-light" | |
46 id="cancel-icon-button" | |
47 on-tap="onClearSelectionTap_" | |
48 title="[[cancelLabel]]"> | |
49 <iron-icon icon="cr:clear"></iron-icon> | |
50 </button> | |
51 <div id="number-selected">[[selectionLabel]]</div> | |
52 <paper-button id="cancel-button" on-tap="onClearSelectionTap_"> | |
53 [[cancelLabel]] | |
54 </paper-button> | |
55 <paper-button id="delete-button" on-tap="onDeleteTap_"> | |
56 [[deleteLabel]] | |
57 </paper-button> | |
58 </div> | |
59 </template> | |
60 <script src="cr_toolbar_selection_overlay.js"></script> | |
61 </dom-module> | |
OLD | NEW |