chrome/browser/resources/md_history/shared_style.html - Issue 2206363003: [MD History] Use proper shadows for cards.

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 2206363003: [MD History] Use proper shadows for cards. (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@remove_rounding

Patch Set: address comment, fix test 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-box-shadow: {

	7 box-shadow: 0 2px 2px rgba(0, 0, 0, .05),

	8 0 1px 4px rgba(0, 0, 0, .08),

	9 0 1px 1px rgba(0, 0, 0, .2);;

	10 };

	11 --card-container-filter: {

	12 filter: drop-shadow(0 2px 1px rgba(0, 0, 0, .05))

	13 drop-shadow(0 1px 0px rgba(0, 0, 0, .08))

	14 drop-shadow(0 1px 1px rgba(0, 0, 0, .2));
	Dan Beam 2016/08/10 22:38:07 my brain popped my brain popped
	15 };

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

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

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

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

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

11 --card-sizing: {	21 --card-sizing: {

12 margin: 0 auto;	22 margin: 0 auto;

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

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

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

(...skipping 46 matching lines...) Expand 10 before \| Expand all \| Expand 10 after Loading...
62 .website-title {	72 .website-title {

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

64 overflow: hidden;	74 overflow: hidden;

65 text-decoration: none;	75 text-decoration: none;

66 text-overflow: ellipsis;	76 text-overflow: ellipsis;

67 white-space: nowrap;	77 white-space: nowrap;

68 }	78 }

69 </style>	79 </style>

70 </template>	80 </template>

71 </dom-module>	81 </dom-module>

OLD	NEW

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