OLD | NEW |
1 <link rel="import" href="chrome://downloads/action_service.html"> | 1 <link rel="import" href="chrome://downloads/action_service.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/cr.html"> | 3 <link rel="import" href="chrome://resources/html/cr.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/html/util.html"> | 5 <link rel="import" href="chrome://resources/html/util.html"> |
6 <link rel="import" href="chrome://resources/polymer/v1_0/paper-item/paper-item.h
tml"> | 6 <link rel="import" href="chrome://resources/polymer/v1_0/paper-item/paper-item.h
tml"> |
7 <link rel="import" href="chrome://resources/polymer/v1_0/paper-menu/paper-menu.h
tml"> | 7 <link rel="import" href="chrome://resources/polymer/v1_0/paper-menu/paper-menu.h
tml"> |
8 <link rel="import" href="chrome://resources/polymer/v1_0/paper-menu-button/paper
-menu-button.html"> | 8 <link rel="import" href="chrome://resources/polymer/v1_0/paper-menu-button/paper
-menu-button.html"> |
9 <link rel="import" href="chrome://resources/polymer/v1_0/paper-icon-button/paper
-icon-button.html"> | 9 <link rel="import" href="chrome://resources/polymer/v1_0/paper-icon-button/paper
-icon-button.html"> |
10 <link rel="import" href="chrome://resources/cr_elements/cr_toolbar/cr_toolbar.ht
ml"> | 10 <link rel="import" href="chrome://resources/cr_elements/cr_toolbar/cr_toolbar.ht
ml"> |
11 <link rel="import" href="chrome://resources/cr_elements/icons.html"> | 11 <link rel="import" href="chrome://resources/cr_elements/icons.html"> |
12 | 12 |
13 <dom-module id="downloads-toolbar"> | 13 <dom-module id="downloads-toolbar"> |
14 <template> | 14 <template> |
15 <style> | 15 <style> |
16 :host { | 16 :host { |
17 align-items: center; | 17 align-items: center; |
18 background: var(--md-toolbar-color); | 18 background: var(--md-toolbar-color); |
19 color: white; | 19 color: white; |
20 display: flex; | 20 display: flex; |
21 min-height: 56px; | 21 min-height: 56px; |
22 } | 22 } |
23 | 23 |
24 [hidden] { | 24 [hidden] { |
25 display: none !important; | 25 display: none !important; |
26 } | 26 } |
27 | 27 |
28 #toolbar { | 28 #toolbar { |
29 --cr-toolbar-field-end-padding: 0; | |
30 --cr-toolbar-field-width: var(--downloads-card-width); | 29 --cr-toolbar-field-width: var(--downloads-card-width); |
31 --cr-toolbar-header-wide: { | |
32 -webkit-margin-start: 24px; | |
33 -webkit-margin-end: 16px; /* Only matters around 900px in Russian. */ | |
34 }; | |
35 --cr-toolbar-left-content-wide: { | |
36 -webkit-padding-start: 0; | |
37 flex: 1 0 1px; | |
38 max-width: none; | |
39 position: static; | |
40 }; | |
41 --cr-toolbar-right-content-wide: { | |
42 flex: 1 0 1px; | |
43 position: static; | |
44 }; | |
45 align-items: center; | |
46 flex: 1; | 30 flex: 1; |
47 } | 31 } |
48 | 32 |
49 paper-icon-button { | 33 paper-icon-button { |
50 --iron-icon-height: 20px; | 34 --iron-icon-height: 20px; |
51 --iron-icon-width: 20px; | 35 --iron-icon-width: 20px; |
52 --paper-icon-button: { | 36 --paper-icon-button: { |
53 height: 32px; | 37 height: 32px; |
54 padding: 6px; | 38 padding: 6px; |
55 width: 32px; | 39 width: 32px; |
56 }; | 40 }; |
57 } | 41 } |
58 | 42 |
59 .more-actions { | |
60 -webkit-margin-end: 16px; | |
61 -webkit-margin-start: 8px; | |
62 text-align: end; | |
63 } | |
64 | |
65 #more { | 43 #more { |
66 --paper-menu-button: { | 44 --paper-menu-button: { |
67 padding: 0; | 45 padding: 6px; |
68 }; | 46 }; |
69 } | 47 } |
70 | 48 |
71 paper-menu { | 49 paper-menu { |
72 --paper-menu-selected-item: { | 50 --paper-menu-selected-item: { |
73 font-weight: normal; | 51 font-weight: normal; |
74 }; | 52 }; |
75 } | 53 } |
76 | 54 |
77 paper-item { | 55 paper-item { |
(...skipping 23 matching lines...) Expand all Loading... |
101 role="menuitem" on-blur="onItemBlur_"> | 79 role="menuitem" on-blur="onItemBlur_"> |
102 $i18n{openDownloadsFolder} | 80 $i18n{openDownloadsFolder} |
103 </paper-item> | 81 </paper-item> |
104 </paper-menu> | 82 </paper-menu> |
105 </paper-menu-button> | 83 </paper-menu-button> |
106 </div> | 84 </div> |
107 </cr-toolbar> | 85 </cr-toolbar> |
108 </template> | 86 </template> |
109 <script src="chrome://downloads/toolbar.js"></script> | 87 <script src="chrome://downloads/toolbar.js"></script> |
110 </dom-module> | 88 </dom-module> |
OLD | NEW |