chrome/browser/resources/md_history/shared_style.html - Issue 2119113002: MD History: Fix item sizing in small windows

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 2119113002: MD History: Fix item sizing in small windows (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@master

Patch Set: Rebase Created 4 years, 5 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;

	11 --card-sizing: {

	12 margin: 0 auto;

	13 max-width: var(--card-max-width);

	14 min-width: var(--card-min-width);

	15 padding: 0 var(--card-padding-side);

	16 width: calc(100% - 2 * var(--card-padding-side));

	17 };

11 --first-card-padding-top: 24px;	18 --first-card-padding-top: 24px;

12 --item-height: 44px;	19 --item-height: 44px;

13 --primary-text-color: #333;	20 --primary-text-color: #333;

14 --secondary-text-color: #757575;	21 --secondary-text-color: #757575;

15 --side-bar-width: 256px;	22 --side-bar-width: 256px;

16 --toolbar-grouped-height: 101px;	23 --toolbar-grouped-height: 101px;

17 --toolbar-height: 56px;	24 --toolbar-height: 56px;

18 }	25 }

19	26

20 [hidden] {	27 [hidden] {

(...skipping 38 matching lines...) Expand 10 before \| Expand all \| Expand 10 after Loading...
59 text-overflow: ellipsis;	66 text-overflow: ellipsis;

60 white-space: nowrap;	67 white-space: nowrap;

61 }	68 }

62	69

63 .website-title:hover {	70 .website-title:hover {

64 text-decoration: underline;	71 text-decoration: underline;

65 }	72 }

66 </style>	73 </style>

67 </template>	74 </template>

68 </dom-module>	75 </dom-module>

OLD	NEW

« no previous file with comments | « chrome/browser/resources/md_history/history_item.js ('k') | chrome/browser/resources/md_history/synced_device_card.html » ('j') | no next file with comments »