Index: ui/webui/resources/cr_elements/shared_vars_css.html |
diff --git a/ui/webui/resources/cr_elements/shared_vars_css.html b/ui/webui/resources/cr_elements/shared_vars_css.html |
index fe197c0500c6cc4e8158fe68a1c0d67b42ee8e19..41a0089b7067b811a253d1c32645a366a0104159 100644 |
--- a/ui/webui/resources/cr_elements/shared_vars_css.html |
+++ b/ui/webui/resources/cr_elements/shared_vars_css.html |
@@ -24,10 +24,12 @@ |
width: var(--cr-icon-size); |
} |
+ --cr-icon-ripple-margin: calc(var(--cr-icon-ripple-padding) * -1); |
+ |
--cr-paper-icon-button-margin: { |
/* Shift button so ripple overlaps the end of the row. */ |
- -webkit-margin-end: calc(var(--cr-icon-ripple-padding) * -1); |
- -webkit-margin-start: calc(var(--cr-icon-ripple-padding) * -1); |
+ -webkit-margin-end: var(--cr-icon-ripple-margin); |
+ -webkit-margin-start: var(--cr-icon-ripple-margin); |
} |
--cr-selectable-focus: { |