javascript/ionic-framework
1
0
Fork 0
mirror of https://github.com/ionic-team/ionic-framework.git synced 2026-03-13 10:22:08 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix(radio): match MD sizing (#16087)

Browse Source 
This adjusts the sizing and proportions of our radio input to match the updated Material Design spec.
This commit is contained in:
Cam Wiegert
2018-10-25 10:58:19 -05:00
committed by GitHub
parent 9c733e93b6
commit 672324886a
2 changed files with 4 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
core/src/components/radio/radio.md.scss
View File

@@ -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 {

4
core/src/components/radio/radio.md.vars.scss
View File

@@ -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;