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

Unified 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 side-by-side diff with in-line comments
Download patch
Index: chrome/browser/resources/md_history/shared_style.html
diff --git a/chrome/browser/resources/md_history/shared_style.html b/chrome/browser/resources/md_history/shared_style.html
index 26c7ed29357fca94deacffd9bfe04ab0ebe01b5e..1f88ed8665dc2fbc5a56c1f32e565e1284738213 100644
--- a/chrome/browser/resources/md_history/shared_style.html
+++ b/chrome/browser/resources/md_history/shared_style.html
@@ -3,6 +3,16 @@
<style>
:root {
--card-border-color: rgba(0, 0, 0, 0.14);
+ --card-box-shadow: {
+ box-shadow: 0 2px 2px rgba(0, 0, 0, .05),
+ 0 1px 4px rgba(0, 0, 0, .08),
+ 0 1px 1px rgba(0, 0, 0, .2);;
+ };
+ --card-container-filter: {
+ filter: drop-shadow(0 2px 1px rgba(0, 0, 0, .05))
+ drop-shadow(0 1px 0px rgba(0, 0, 0, .08))
+ drop-shadow(0 1px 1px rgba(0, 0, 0, .2));
Dan Beam 2016/08/10 22:38:07 my brain popped
+ };
--card-first-last-item-padding: 8px;
--card-max-width: 960px;
--card-min-width: 550px;
« 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 »

Powered by Google App Engine
This is Rietveld 408576698