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

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

Issue 1729263005: MD History: Display synced tabs history. (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@mdh_shared_styles
Patch Set: address_comments Created 4 years, 9 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/polymer/v1_0/polymer/polymer.html"> 1 <link rel="import" href="chrome://resources/polymer/v1_0/polymer/polymer.html">
2 <link rel="import" href="chrome://resources/polymer/v1_0/iron-flex-layout/iron-f lex-layout.html"> 2 <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-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://resources/polymer/v1_0/iron-icons/iron-icons.h tml"> 4 <link rel="import" href="chrome://resources/polymer/v1_0/iron-icons/iron-icons.h tml">
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.html"> 7 <link rel="import" href="chrome://resources/polymer/v1_0/paper-icon-button/paper -icon-button.html">
8 <link rel="import" href="chrome://resources/polymer/v1_0/paper-styles/shadow.htm l">
9 <link rel="import" href="chrome://resources/html/util.html"> 8 <link rel="import" href="chrome://resources/html/util.html">
10 <link rel="import" href="chrome://history/shared_style.html"> 9 <link rel="import" href="chrome://history/shared_style.html">
11 10
12 <dom-module id="history-item"> 11 <dom-module id="history-item">
13 <template> 12 <template>
14 <style include="shared-style"></style> 13 <style include="shared-style"></style>
15 <style> 14 <style>
16 :host { 15 :host {
17 @apply(--layout-center); 16 @apply(--layout-center);
18 @apply(--layout-vertical); 17 @apply(--layout-vertical);
19 padding: 0 24px; 18 padding: 0 24px;
20 } 19 }
21 20
22 #main-container { 21 #main-container {
23 background: #fff; 22 background: #fff;
24 border-color: var(--card-border-color); 23 border-color: var(--card-border-color);
25 border-style: solid; 24 border-style: solid;
26 border-width: 0 1px; 25 border-width: 0 1px;
27 max-width: var(--card-max-width); 26 max-width: var(--card-max-width);
28 min-width: var(--card-min-width); 27 min-width: var(--card-min-width);
29 width: 100%; 28 width: 100%;
30 } 29 }
31 30
32 :host([is-card-start]) #main-container { 31 :host([is-card-start]) #main-container {
33 border-top-width: 1px; 32 border-top-width: 1px;
34 margin-top: 20px;
35 } 33 }
36 34
37 :host([is-card-end]) #main-container { 35 :host([is-card-end]) #main-container {
38 border-bottom-width: 2px; 36 border-bottom-width: 2px;
37 margin-bottom: 20px;
39 } 38 }
40 39
41 #date-accessed { 40 #date-accessed {
42 display: none; 41 display: none;
43 } 42 }
44 43
45 :host([is-card-start]) #date-accessed { 44 :host([is-card-start]) #date-accessed {
46 display: flex; 45 display: flex;
47 } 46 }
48 47
(...skipping 84 matching lines...) Expand 10 before | Expand all | Expand 10 after
133 on-tap="onMenuButtonTap_"> 132 on-tap="onMenuButtonTap_">
134 </paper-icon-button> 133 </paper-icon-button>
135 </div> 134 </div>
136 <template is="dom-if" if="{{hasTimeGap}}"> 135 <template is="dom-if" if="{{hasTimeGap}}">
137 <div id="time-gap-separator"></div> 136 <div id="time-gap-separator"></div>
138 </template> 137 </template>
139 </div> 138 </div>
140 </template> 139 </template>
141 <script src="chrome://history/history_item.js"></script> 140 <script src="chrome://history/history_item.js"></script>
142 </dom-module> 141 </dom-module>
OLDNEW
« no previous file with comments | « chrome/browser/resources/md_history/history.js ('k') | chrome/browser/resources/md_history/history_list.html » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698