| 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 div.separator { | 21 div.separator { |
| 22 background-color: var(--separator-color); | 22 background-color: var(--separator-color); |
| 23 flex-shrink: 0; | 23 flex-shrink: 0; |
| 24 height: 1px; | 24 height: 1px; |
| 25 margin: 8px 0; | 25 margin: 8px 0; |
| 26 } | 26 } |
| 27 | 27 |
| 28 a[disabled] { |
| 29 color: var(--paper-grey-400); |
| 30 pointer-events: none; |
| 31 } |
| 32 |
| 28 #clear-browsing-data { | 33 #clear-browsing-data { |
| 29 justify-content: space-between; | 34 justify-content: space-between; |
| 30 } | 35 } |
| 31 | 36 |
| 32 #clear-browsing-data iron-icon { | 37 #clear-browsing-data iron-icon { |
| 33 -webkit-margin-end: 20px; | 38 -webkit-margin-end: 20px; |
| 34 color: var(--paper-grey-400); | 39 color: var(--paper-grey-400); |
| 35 height: 20px; | 40 height: 20px; |
| 36 margin-bottom: 10px; | 41 margin-bottom: 10px; |
| 37 margin-top: 10px; | 42 margin-top: 10px; |
| (...skipping 59 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 97 $i18n{historyMenuItem} | 102 $i18n{historyMenuItem} |
| 98 <paper-ripple></paper-ripple> | 103 <paper-ripple></paper-ripple> |
| 99 </a> | 104 </a> |
| 100 <a href="/syncedTabs" class="page-item" path="syncedTabs" | 105 <a href="/syncedTabs" class="page-item" path="syncedTabs" |
| 101 on-click="onItemClick_"> | 106 on-click="onItemClick_"> |
| 102 $i18n{openTabsMenuItem} | 107 $i18n{openTabsMenuItem} |
| 103 <paper-ripple></paper-ripple> | 108 <paper-ripple></paper-ripple> |
| 104 </a> | 109 </a> |
| 105 <div class="separator"></div> | 110 <div class="separator"></div> |
| 106 <a href="chrome://settings/clearBrowserData" | 111 <a href="chrome://settings/clearBrowserData" |
| 107 on-tap="onClearBrowsingDataTap_" id="clear-browsing-data"> | 112 on-tap="onClearBrowsingDataTap_" id="clear-browsing-data" |
| 113 disabled$="[[!deletingAllowed_()]]"> |
| 108 $i18n{clearBrowsingData} | 114 $i18n{clearBrowsingData} |
| 109 <iron-icon icon="cr:open-in-new"></iron-icon> | 115 <iron-icon icon="cr:open-in-new"></iron-icon> |
| 110 <paper-ripple id="cbd-ripple"></paper-ripple> | 116 <paper-ripple id="cbd-ripple"></paper-ripple> |
| 111 </a> | 117 </a> |
| 112 <div id="spacer"></div> | 118 <div id="spacer"></div> |
| 113 <div id="footer" hidden="[[!showFooter]]"> | 119 <div id="footer" hidden="[[!showFooter]]"> |
| 114 <div class="separator"></div> | 120 <div class="separator"></div> |
| 115 <div id="footer-text">$i18nRaw{sidebarFooter}</div> | 121 <div id="footer-text">$i18nRaw{sidebarFooter}</div> |
| 116 </div> | 122 </div> |
| 117 </iron-selector> | 123 </iron-selector> |
| 118 </template> | 124 </template> |
| 119 <script src="chrome://history/side_bar.js"></script> | 125 <script src="chrome://history/side_bar.js"></script> |
| 120 </dom-module> | 126 </dom-module> |
| OLD | NEW |