| 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-collapse/iron-coll
apse.html"> | 2 <link rel="import" href="chrome://resources/polymer/v1_0/iron-collapse/iron-coll
apse.html"> |
| 3 <link rel="import" href="chrome://resources/polymer/v1_0/iron-icon/iron-icon.htm
l"> | 3 <link rel="import" href="chrome://resources/polymer/v1_0/iron-icon/iron-icon.htm
l"> |
| 4 <link rel="import" href="chrome://history/constants.html"> | 4 <link rel="import" href="chrome://history/constants.html"> |
| 5 <link rel="import" href="chrome://history/history_item.html"> | 5 <link rel="import" href="chrome://history/history_item.html"> |
| 6 <link rel="import" href="chrome://history/shared_style.html"> | 6 <link rel="import" href="chrome://history/shared_style.html"> |
| 7 | 7 |
| 8 <dom-module id="history-grouped-list"> | 8 <dom-module id="history-grouped-list"> |
| 9 <template> | 9 <template> |
| 10 <style include="shared-style"> | 10 <style include="shared-style"> |
| 11 :host { | 11 :host { |
| 12 display: block; | 12 display: block; |
| 13 overflow: auto; | 13 overflow: auto; |
| 14 position: relative; | 14 position: relative; |
| 15 } | 15 } |
| 16 | 16 |
| 17 #main-container { | 17 #main-container { |
| 18 align-items: center; | 18 align-items: center; |
| 19 display: flex; | 19 display: flex; |
| 20 flex-direction: column; | 20 flex-direction: column; |
| 21 padding: var(--first-card-padding-top) var(--card-padding-side); | 21 padding: var(--first-card-padding-top) var(--card-padding-side); |
| 22 } | 22 } |
| 23 | 23 |
| 24 .domain-heading { | 24 .domain-heading { |
| 25 align-items: center; | 25 align-items: center; |
| 26 display: flex; | 26 display: flex; |
| 27 height: 40px; | 27 height: var(--item-height); |
| 28 padding: 0 20px; | 28 padding: 0 20px; |
| 29 } | 29 } |
| 30 | 30 |
| 31 .domain-count { | 31 .domain-count { |
| 32 color: rgb(151, 156, 160); | 32 color: rgb(151, 156, 160); |
| 33 padding-left: 10px; | 33 padding-left: 10px; |
| 34 } | 34 } |
| 35 | 35 |
| 36 .domain-heading-text { | 36 .domain-heading-text { |
| 37 display: flex; | 37 display: flex; |
| 38 } | 38 } |
| 39 | 39 |
| 40 .group-container { | 40 .group-container { |
| 41 background: #fff; | 41 background: #fff; |
| 42 border: 1px solid var(--card-border-color); | 42 border: 1px solid var(--card-border-color); |
| 43 border-bottom-width: 2px; | 43 border-bottom-width: 2px; |
| 44 border-radius: 2px; |
| 44 margin-bottom: var(--card-padding-between); | 45 margin-bottom: var(--card-padding-between); |
| 45 max-width: var(--card-max-width); | 46 max-width: var(--card-max-width); |
| 46 min-width: var(--card-min-width); | 47 min-width: var(--card-min-width); |
| 47 width: 100%; | 48 width: 100%; |
| 48 } | 49 } |
| 49 | 50 |
| 50 .card-title { | 51 .card-title { |
| 51 margin-bottom: var(--card-first-last-item-padding); | 52 margin-bottom: var(--card-first-last-item-padding); |
| 52 } | 53 } |
| 53 | 54 |
| (...skipping 52 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 106 </template> | 107 </template> |
| 107 </iron-collapse> | 108 </iron-collapse> |
| 108 </div> | 109 </div> |
| 109 </template> | 110 </template> |
| 110 </div> | 111 </div> |
| 111 </template> | 112 </template> |
| 112 </div> | 113 </div> |
| 113 </template> | 114 </template> |
| 114 <script src="chrome://history/grouped_list.js"></script> | 115 <script src="chrome://history/grouped_list.js"></script> |
| 115 </dom-module> | 116 </dom-module> |
| OLD | NEW |