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

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

Issue 2627383002: MD History: Replace app-drawer with cr-drawer (Closed)
Patch Set: Use correct close function Created 3 years, 11 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-a11y-keys-behavior /iron-a11y-keys-behavior.html"> 2 <link rel="import" href="chrome://resources/polymer/v1_0/iron-a11y-keys-behavior /iron-a11y-keys-behavior.html">
3 <link rel="import" href="chrome://resources/polymer/v1_0/iron-selector/iron-sele ctor.html"> 3 <link rel="import" href="chrome://resources/polymer/v1_0/iron-selector/iron-sele ctor.html">
4 <link rel="import" href="chrome://resources/polymer/v1_0/paper-ripple/paper-ripp le.html"> 4 <link rel="import" href="chrome://resources/polymer/v1_0/paper-ripple/paper-ripp le.html">
5 <link rel="import" href="chrome://resources/polymer/v1_0/paper-styles/color.html "> 5 <link rel="import" href="chrome://resources/polymer/v1_0/paper-styles/color.html ">
6 <link rel="import" href="chrome://resources/polymer/v1_0/paper-styles/typography .html"> 6 <link rel="import" href="chrome://resources/polymer/v1_0/paper-styles/typography .html">
7 <link rel="import" href="chrome://history/browser_service.html"> 7 <link rel="import" href="chrome://history/browser_service.html">
8 <link rel="import" href="chrome://history/shared_style.html"> 8 <link rel="import" href="chrome://history/shared_style.html">
9 9
10 <dom-module id="history-side-bar"> 10 <dom-module id="history-side-bar">
11 <template> 11 <template>
12 <style include="shared-style"> 12 <style include="shared-style">
13 :host { 13 :host {
14 display: flex; 14 display: flex;
15 height: 100%; 15 height: 100%;
16 overflow-x: hidden; 16 overflow-x: hidden;
17 overflow-y: auto; 17 overflow-y: auto;
18 width: var(--side-bar-width); 18 width: var(--side-bar-width);
19 } 19 }
20 20
21 :host([drawer]) {
22 height: calc(100% - var(--toolbar-height));
23 }
24
25 div.separator { 21 div.separator {
26 background-color: var(--separator-color); 22 background-color: var(--separator-color);
27 flex-shrink: 0; 23 flex-shrink: 0;
28 height: 1px; 24 height: 1px;
29 margin: 8px 0; 25 margin: 8px 0;
30 } 26 }
31 27
32 #clear-browsing-data { 28 #clear-browsing-data {
33 justify-content: space-between; 29 justify-content: space-between;
34 } 30 }
(...skipping 81 matching lines...) Expand 10 before | Expand all | Expand 10 after
116 </a> 112 </a>
117 <div id="spacer"></div> 113 <div id="spacer"></div>
118 <div id="footer" hidden="[[!showFooter]]"> 114 <div id="footer" hidden="[[!showFooter]]">
119 <div class="separator"></div> 115 <div class="separator"></div>
120 <div id="footer-text">$i18nRaw{sidebarFooter}</div> 116 <div id="footer-text">$i18nRaw{sidebarFooter}</div>
121 </div> 117 </div>
122 </iron-selector> 118 </iron-selector>
123 </template> 119 </template>
124 <script src="chrome://history/side_bar.js"></script> 120 <script src="chrome://history/side_bar.js"></script>
125 </dom-module> 121 </dom-module>
OLDNEW
« no previous file with comments | « chrome/browser/resources/md_history/lazy_load.vulcanized.html ('k') | chrome/browser/resources/md_history/side_bar.js » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698