chrome/browser/resources/md_history/shared_style.html - Issue 2204833003: MD History: Add menu to cards on Synced Tabs page

Side by Side Diff

Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.

Keyboard Shortcuts

	File
u :	up to issue
j / k :	jump to file after / before current file
J / K :	jump to next file with a comment after / before current file
	Side-by-side diff
i :	toggle intra-line diffs
e :	expand all comments
c :	collapse all comments
s :	toggle showing all comments
n / p :	next / previous diff chunk or comment
N / P :	next / previous comment
<Up> / <Down> :	next / previous line

	Issue
u :	up to list of issues
j / k :	jump to patch after / before current patch
o / <Enter> :	open current patch in side-by-side view
i :	open current patch in unified diff view

	Issue List
j / k :	jump to issue after / before current issue
o / <Enter> :	open current issue

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

Issue 2204833003: MD History: Add menu to cards on Synced Tabs page (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@history_improve_collapse_button

Patch Set: Fix tests Created 4 years, 4 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

OLD	NEW
1 <dom-module id="shared-style">	1 <dom-module id="shared-style">

2 <template>	2 <template>

3 <style>	3 <style>

4 :root {	4 :root {

5 --card-border-color: rgba(0, 0, 0, 0.14);	5 --card-border-color: rgba(0, 0, 0, 0.14);

6 --card-first-last-item-padding: 8px;	6 --card-first-last-item-padding: 8px;

7 --card-max-width: 960px;	7 --card-max-width: 960px;

8 --card-min-width: 550px;	8 --card-min-width: 550px;

9 --card-padding-between: 20px;	9 --card-padding-between: 20px;

10 --card-padding-side: 24px;	10 --card-padding-side: 24px;

(...skipping 33 matching lines...) Expand 10 before \| Expand all \| Expand 10 after Loading...
44 align-items: center;	44 align-items: center;

45 color: #b4b4b4;	45 color: #b4b4b4;

46 display: flex;	46 display: flex;

47 flex: 1;	47 flex: 1;

48 font-size: 14px;	48 font-size: 14px;

49 font-weight: 500;	49 font-weight: 500;

50 height: 100%;	50 height: 100%;

51 justify-content: center;	51 justify-content: center;

52 }	52 }

53	53

	54 .menu-item {

	55 -webkit-user-select: none;

	56 cursor: pointer;

	57 font: inherit;

	58 white-space: nowrap;

	59 }

	60

54 .website-icon {	61 .website-icon {

55 -webkit-margin-end: 16px;	62 -webkit-margin-end: 16px;

56 background-repeat: no-repeat;	63 background-repeat: no-repeat;

57 background-size: 16px;	64 background-size: 16px;

58 height: 16px;	65 height: 16px;

59 width: 16px;	66 width: 16px;

60 }	67 }

61	68

62 .website-title {	69 .website-title {

63 color: var(--primary-text-color);	70 color: var(--primary-text-color);

64 overflow: hidden;	71 overflow: hidden;

65 text-decoration: none;	72 text-decoration: none;

66 text-overflow: ellipsis;	73 text-overflow: ellipsis;

67 white-space: nowrap;	74 white-space: nowrap;

68 }	75 }

69	76

70 button.icon-button {	77 button.icon-button {

71 height: 36px;	78 height: 36px;

72 width: 36px;	79 width: 36px;

73 }	80 }

74	81

75 button.icon-button iron-icon {	82 button.icon-button iron-icon {

76 color: var(--secondary-text-color);	83 color: var(--secondary-text-color);

77 height: 20px;	84 height: 20px;

78 width: 20px;	85 width: 20px;

79 }	86 }

80 </style>	87 </style>

81 </template>	88 </template>

82 </dom-module>	89 </dom-module>

OLD	NEW