From 672324886aba99330a85180e6ccfdc3f5a87311c Mon Sep 17 00:00:00 2001 From: Cam Wiegert Date: Thu, 25 Oct 2018 10:58:19 -0500 Subject: [PATCH] fix(radio): match MD sizing (#16087) This adjusts the sizing and proportions of our radio input to match the updated Material Design spec. --- core/src/components/radio/radio.md.scss | 4 ++-- core/src/components/radio/radio.md.vars.scss | 4 ++-- 2 files changed, 4 insertions(+), 4 deletions(-) diff --git a/core/src/components/radio/radio.md.scss b/core/src/components/radio/radio.md.scss index ae5e74c2b3..082114dc7b 100644 --- a/core/src/components/radio/radio.md.scss +++ b/core/src/components/radio/radio.md.scss @@ -11,8 +11,8 @@ --height: #{$radio-md-icon-height}; --border-width: #{$radio-md-icon-border-width}; --border-style: #{$radio-md-icon-border-style}; - --inner-width: calc(var(--width) - var(--border-width) * 4); - --inner-height: calc(var(--height) - var(--border-width) * 4); + --inner-width: calc(var(--width) / 2); + --inner-height: calc(var(--height) / 2); } :host(.ion-color) .radio-inner { diff --git a/core/src/components/radio/radio.md.vars.scss b/core/src/components/radio/radio.md.vars.scss index 1d35f8818d..3845e47bbe 100644 --- a/core/src/components/radio/radio.md.vars.scss +++ b/core/src/components/radio/radio.md.vars.scss @@ -14,10 +14,10 @@ $radio-md-background-color-focused: ion-color(primary, tint) !default; $radio-md-color-off: $text-color-step-600 !default; /// @prop - Width of the radio icon -$radio-md-icon-width: 16px !default; +$radio-md-icon-width: 20px !default; /// @prop - Height of the radio icon -$radio-md-icon-height: 16px !default; +$radio-md-icon-height: 20px !default; /// @prop - Border width of the radio icon $radio-md-icon-border-width: 2px !default;