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

Side by Side Diff: chrome/browser/resources/md_history/history_toolbar.html

Issue 1955613002: [MD History] Make side bar always visible. (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@mdh_fuckit_refactor_it_all
Patch Set: address comments Created 4 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
OLDNEW
1 <link rel="import" href="chrome://resources/html/polymer.html"> 1 <link rel="import" href="chrome://resources/html/polymer.html">
2 <link rel="import" href="chrome://resources/polymer/v1_0/iron-flex-layout/iron-f lex-layout.html"> 2 <link rel="import" href="chrome://resources/polymer/v1_0/iron-flex-layout/iron-f lex-layout.html">
3 <link rel="import" href="chrome://resources/polymer/v1_0/paper-button/paper-butt on.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.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-spinner/paper-spi nner.html"> 5 <link rel="import" href="chrome://resources/polymer/v1_0/paper-spinner/paper-spi nner.html">
6 <link rel="import" href="chrome://resources/cr_elements/cr_search_field/cr_searc h_field.html"> 6 <link rel="import" href="chrome://resources/cr_elements/cr_search_field/cr_searc h_field.html">
7 <link rel="import" href="chrome://history/shared_style.html"> 7 <link rel="import" href="chrome://history/shared_style.html">
8 8
9 <dom-module id="history-toolbar"> 9 <dom-module id="history-toolbar">
10 <template> 10 <template>
(...skipping 19 matching lines...) Expand all
30 background: rgb(68, 136, 255); 30 background: rgb(68, 136, 255);
31 } 31 }
32 32
33 h1 { 33 h1 {
34 @apply(--layout-flex); 34 @apply(--layout-flex);
35 -webkit-padding-start: 24px; 35 -webkit-padding-start: 24px;
36 font-size: 123%; 36 font-size: 123%;
37 font-weight: 400; 37 font-weight: 400;
38 } 38 }
39 39
40 #left-content,
41 #right-content { 40 #right-content {
42 flex: 1 0 0; 41 flex: 1 0 0;
43 } 42 }
44 43
45 :host([has-sidebar]) #left-content { 44 #left-content {
46 flex: 1 0 var(--side-bar-width); 45 flex: 1 0 var(--side-bar-width);
47 } 46 }
48 47
49 #centered-content { 48 #centered-content {
50 /** Padding-start gives space on one side, flex-basis gives space on the 49 /** Padding-start gives space on one side, flex-basis gives space on the
51 other. */ 50 other. */
52 -webkit-padding-start: var(--card-padding-side); 51 -webkit-padding-start: var(--card-padding-side);
53 display: flex; 52 display: flex;
54 flex: 1 1 calc(var(--card-max-width) + var(--card-padding-side)); 53 flex: 1 1 calc(var(--card-max-width) + var(--card-padding-side));
55 } 54 }
(...skipping 13 matching lines...) Expand all
69 width: 20px; 68 width: 20px;
70 -webkit-padding-end: 10px; 69 -webkit-padding-end: 10px;
71 } 70 }
72 71
73 #overlay-buttons { 72 #overlay-buttons {
74 margin: 0 auto; 73 margin: 0 auto;
75 max-width: var(--card-max-width); 74 max-width: var(--card-max-width);
76 padding: 0 var(--card-padding-side); 75 padding: 0 var(--card-padding-side);
77 } 76 }
78 77
79 :host([has-sidebar]) #overlay-wrapper { 78 #overlay-wrapper {
80 -webkit-margin-start: var(--side-bar-width); 79 -webkit-margin-start: var(--side-bar-width);
81 } 80 }
82 81
83 #number-selected { 82 #number-selected {
84 @apply(--layout-flex); 83 @apply(--layout-flex);
85 } 84 }
86 85
87 paper-icon-button { 86 paper-icon-button {
88 -webkit-margin-end: 24px; 87 -webkit-margin-end: 24px;
89 -webkit-margin-start: 2px; 88 -webkit-margin-start: 2px;
(...skipping 36 matching lines...) Expand 10 before | Expand all | Expand 10 after
126 </paper-button> 125 </paper-button>
127 <paper-button id="delete-button" on-tap="onDeleteTap_"> 126 <paper-button id="delete-button" on-tap="onDeleteTap_">
128 $i18n{delete} 127 $i18n{delete}
129 </paper-button> 128 </paper-button>
130 </div> 129 </div>
131 </div> 130 </div>
132 </div> 131 </div>
133 </template> 132 </template>
134 <script src="chrome://history/history_toolbar.js"></script> 133 <script src="chrome://history/history_toolbar.js"></script>
135 </dom-module> 134 </dom-module>
OLDNEW
« no previous file with comments | « chrome/browser/resources/md_history/app.js ('k') | chrome/browser/resources/md_history/history_toolbar.js » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698