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

Side by Side Diff: chrome/browser/resources/md_downloads/toolbar.html

Issue 2562393003: MD WebUI: Simplify cr-toolbar CSS (Closed)
Patch Set: Fix padding, add explanatory comment, revulcanize Created 4 years 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 | « no previous file | chrome/browser/resources/md_downloads/vulcanized.html » ('j') | 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://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
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>
OLDNEW
« no previous file with comments | « no previous file | chrome/browser/resources/md_downloads/vulcanized.html » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698