chrome/browser/resources/md_history/shared_style.html - Issue 2073703002: MD History: Simplify flex layout in <history-list>

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 2073703002: MD History: Simplify flex layout in <history-list> (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@master

Patch Set: Remove flex usage from app and history.html Created 4 years, 6 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:

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: 500px;	8 --card-min-width: 500px;

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

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

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

12 --side-bar-width: 256px;	12 --side-bar-width: 256px;

13 }	13 }

14	14

15 [hidden] {	15 [hidden] {

16 display: none !important;	16 display: none !important;

17 }	17 }

18	18

19 .card-title {	19 .card-title {

20 @apply(--layout-center);	20 @apply(--layout-center);

21 @apply(--layout-horizontal);	21 @apply(--layout-horizontal);

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

55 white-space: nowrap;	55 white-space: nowrap;

56 }	56 }

57	57

58 .website-title:hover {	58 .website-title:hover {

59 text-decoration: underline;	59 text-decoration: underline;

60 }	60 }

61 </style>	61 </style>

62 </template>	62 </template>

63 </dom-module>	63 </dom-module>

OLD	NEW