| OLD | NEW |
| 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 Loading... |
| 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> |
| OLD | NEW |