| OLD | NEW |
| 1 <link rel="import" href="chrome://resources/cr_elements/icons.html"> | 1 <link rel="import" href="chrome://resources/cr_elements/icons.html"> |
| 2 <link rel="import" href="chrome://resources/html/polymer.html"> | 2 <link rel="import" href="chrome://resources/html/polymer.html"> |
| 3 <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/iron-flex-layout/iron-f
lex-layout.html"> |
| 4 <link rel="import" href="chrome://resources/polymer/v1_0/iron-icon/iron-icon.htm
l"> | 4 <link rel="import" href="chrome://resources/polymer/v1_0/iron-icon/iron-icon.htm
l"> |
| 5 <link rel="import" href="chrome://resources/polymer/v1_0/paper-button/paper-butt
on.html"> | 5 <link rel="import" href="chrome://resources/polymer/v1_0/paper-button/paper-butt
on.html"> |
| 6 <link rel="import" href="chrome://resources/polymer/v1_0/paper-checkbox/paper-ch
eckbox.html"> | 6 <link rel="import" href="chrome://resources/polymer/v1_0/paper-checkbox/paper-ch
eckbox.html"> |
| 7 <link rel="import" href="chrome://resources/polymer/v1_0/paper-icon-button/paper
-icon-button-light.html"> | 7 <link rel="import" href="chrome://resources/polymer/v1_0/paper-icon-button/paper
-icon-button-light.html"> |
| 8 <link rel="import" href="chrome://resources/html/icon.html"> | 8 <link rel="import" href="chrome://resources/html/icon.html"> |
| 9 <link rel="import" href="chrome://resources/html/util.html"> | 9 <link rel="import" href="chrome://resources/html/util.html"> |
| 10 <link rel="import" href="chrome://history/browser_service.html"> | 10 <link rel="import" href="chrome://history/browser_service.html"> |
| 11 <link rel="import" href="chrome://history/constants.html"> | 11 <link rel="import" href="chrome://history/constants.html"> |
| 12 <link rel="import" href="chrome://history/searched_label.html"> | 12 <link rel="import" href="chrome://history/searched_label.html"> |
| 13 <link rel="import" href="chrome://history/shared_style.html"> | 13 <link rel="import" href="chrome://history/shared_style.html"> |
| 14 | 14 |
| 15 <dom-module id="history-item"> | 15 <dom-module id="history-item"> |
| 16 <template> | 16 <template> |
| 17 <style include="shared-style"> | 17 <style include="shared-style"> |
| 18 :host { | 18 :host { |
| 19 display: block; | 19 display: block; |
| 20 } | 20 } |
| 21 | 21 |
| 22 :host(:not([embedded])) #main-container { | 22 :host(:not([embedded])) #main-container { |
| 23 background: #fff; | 23 background: #fff; |
| 24 border-color: var(--card-border-color); | 24 border-color: var(--card-border-color); |
| 25 border-radius: 2px; | |
| 26 border-style: solid; | 25 border-style: solid; |
| 27 border-width: 0 1px; | 26 border-width: 0 1px; |
| 28 } | 27 } |
| 29 | 28 |
| 30 :host(:not([embedded])) #sizing-container { | 29 :host(:not([embedded])) #sizing-container { |
| 31 @apply(--card-sizing); | 30 @apply(--card-sizing); |
| 32 } | 31 } |
| 33 | 32 |
| 34 :host([is-first-item]) #main-container { | 33 :host([is-first-item]) #main-container { |
| 35 margin-top: var(--first-card-padding-top); | 34 margin-top: var(--first-card-padding-top); |
| 36 } | 35 } |
| 37 | 36 |
| 38 :host([is-card-start]) #main-container { | 37 :host([is-card-start]) #main-container { |
| 38 border-radius: 2px 2px 0 0; |
| 39 border-top-width: 1px; | 39 border-top-width: 1px; |
| 40 } | 40 } |
| 41 | 41 |
| 42 :host([is-card-end]) #main-container { | 42 :host([is-card-end]) #main-container { |
| 43 border-bottom-width: 2px; | 43 border-bottom-width: 2px; |
| 44 border-radius: 0 0 2px 2px; |
| 44 margin-bottom: var(--card-padding-between); | 45 margin-bottom: var(--card-padding-between); |
| 45 } | 46 } |
| 46 | 47 |
| 48 :host([is-card-start][is-card-end]) #main-container { |
| 49 border-radius: 2px; |
| 50 } |
| 51 |
| 47 #date-accessed { | 52 #date-accessed { |
| 48 display: none; | 53 display: none; |
| 49 } | 54 } |
| 50 | 55 |
| 51 :host([is-card-start]) #date-accessed { | 56 :host([is-card-start]) #date-accessed { |
| 52 display: flex; | 57 display: flex; |
| 53 } | 58 } |
| 54 | 59 |
| 55 #item-container { | 60 #item-container { |
| 56 @apply(--layout-center); | 61 @apply(--layout-center); |
| (...skipping 104 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 161 </button> | 166 </button> |
| 162 </div> | 167 </div> |
| 163 <template is="dom-if" if="[[hasTimeGap]]"> | 168 <template is="dom-if" if="[[hasTimeGap]]"> |
| 164 <div id="time-gap-separator"></div> | 169 <div id="time-gap-separator"></div> |
| 165 </template> | 170 </template> |
| 166 </div> | 171 </div> |
| 167 </div> | 172 </div> |
| 168 </template> | 173 </template> |
| 169 <script src="chrome://history/history_item.js"></script> | 174 <script src="chrome://history/history_item.js"></script> |
| 170 </dom-module> | 175 </dom-module> |
| OLD | NEW |