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

Unified Diff: third_party/polymer/v1_0/components-chromium/paper-radio-button/paper-radio-button.html

Issue 2526053002: MD Settings: roll paper-radio-button, 1.2.1 -> 1.3.1 (Closed)
Patch Set: Roll to 1.3.1 Created 4 years, 1 month 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: third_party/polymer/v1_0/components-chromium/paper-radio-button/paper-radio-button.html
diff --git a/third_party/polymer/v1_0/components-chromium/paper-radio-button/paper-radio-button.html b/third_party/polymer/v1_0/components-chromium/paper-radio-button/paper-radio-button.html
index 139ec2ba4edcd85a6503ccc6f8ad1c1967c6e970..cd15f2e182588e38403b977e89bce4e73c9fc405 100644
--- a/third_party/polymer/v1_0/components-chromium/paper-radio-button/paper-radio-button.html
+++ b/third_party/polymer/v1_0/components-chromium/paper-radio-button/paper-radio-button.html
@@ -38,6 +38,7 @@ Custom property | Description | Default
`--paper-radio-button-checked-color` | Radio button color when the input is checked | `--primary-color`
`--paper-radio-button-checked-ink-color` | Selected/focus ripple color when the input is checked | `--primary-color`
`--paper-radio-button-size` | Size of the radio button | `16px`
+`--paper-radio-button-ink-size` | Size of the ripple | `48px`
`--paper-radio-button-label-color` | Label color | `--primary-text-color`
`--paper-radio-button-label-spacing` | Spacing between the label and the button | `10px`
@@ -60,6 +61,8 @@ In order to apply the `Roboto` font to this element, make sure you've imported `
cursor: pointer;
@apply(--paper-font-common-base);
--calculated-paper-radio-button-size: var(--paper-radio-button-size, 16px);
+ /* -1px is a sentinel for the default and is replace in `attached`. */
+ --calculated-paper-radio-button-ink-size: var(--paper-radio-button-ink-size, -1px);
}
:host(:focus) {
@@ -80,8 +83,8 @@ In order to apply the `Roboto` font to this element, make sure you've imported `
top: 50%;
left: 50%;
right: auto;
- width: calc(3 * var(--calculated-paper-radio-button-size));
- height: calc(3 * var(--calculated-paper-radio-button-size));
+ width: var(--calculated-paper-radio-button-ink-size);
+ height: var(--calculated-paper-radio-button-ink-size);
color: var(--paper-radio-button-unchecked-ink-color, --primary-text-color);
opacity: 0.6;
pointer-events: none;

Powered by Google App Engine
This is Rietveld 408576698