From ad29af6bdb6c03c5aeab41f9e4b0033c409afb56 Mon Sep 17 00:00:00 2001 From: Aniket Handa Date: Wed, 24 Aug 2016 18:16:22 -0700 Subject: [PATCH] Setting the initial inner circle in center. --- src/components/ChoiceGroup/ChoiceGroup.scss | 5 +++-- .../CalloutPage/examples/Callout.Directional.Example.tsx | 2 +- 2 files changed, 4 insertions(+), 3 deletions(-) diff --git a/src/components/ChoiceGroup/ChoiceGroup.scss b/src/components/ChoiceGroup/ChoiceGroup.scss index 206d150389e46..d2bf752f4c20a 100644 --- a/src/components/ChoiceGroup/ChoiceGroup.scss +++ b/src/components/ChoiceGroup/ChoiceGroup.scss @@ -33,6 +33,7 @@ $ms-choiceField-transition-timing: cubic-bezier(.4, 0, .23, 1); min-height: 36px; border: 1px solid transparent; position: relative; + line-height: $ms-choiceField-field-size; @include padding-left(8px); .ms-Label { @@ -72,8 +73,8 @@ $ms-choiceField-transition-timing: cubic-bezier(.4, 0, .23, 1); height: 0; border-radius: 50%; position: absolute; - top: 8px; - @include left(8px); + top: $ms-choiceField-field-size / 2; + @include left($ms-choiceField-field-size / 2); bottom: 0; @include right(0); transition-property: top, left, right, width, height; diff --git a/src/demo/pages/CalloutPage/examples/Callout.Directional.Example.tsx b/src/demo/pages/CalloutPage/examples/Callout.Directional.Example.tsx index ce1b44a677079..c1a3c2facbd04 100644 --- a/src/demo/pages/CalloutPage/examples/Callout.Directional.Example.tsx +++ b/src/demo/pages/CalloutPage/examples/Callout.Directional.Example.tsx @@ -89,7 +89,7 @@ export class CalloutDirectionalExample extends React.Component

- Message body is optional.If help documentation is available, consider adding a link to learn more at the bottom. + Message body is optional. If help documentation is available, consider adding a link to learn more at the bottom.