diff --git a/core/src/components/button/test/toolbar/index.html b/core/src/components/button/test/toolbar/index.html index dfb285316c..426f8b6fce 100644 --- a/core/src/components/button/test/toolbar/index.html +++ b/core/src/components/button/test/toolbar/index.html @@ -107,7 +107,7 @@ Solid - + Help @@ -126,7 +126,7 @@ Solid Activated - + Help diff --git a/core/src/components/buttons/buttons.ios.scss b/core/src/components/buttons/buttons.ios.scss index 4503502a8c..554e020bde 100644 --- a/core/src/components/buttons/buttons.ios.scss +++ b/core/src/components/buttons/buttons.ios.scss @@ -10,13 +10,16 @@ --pading-bottom: 0; --padding-start: 5px; --padding-end: 5px; - --border-radius: #{$toolbar-ios-button-border-radius}; --height: 32px; font-size: #{$toolbar-ios-button-font-size}; font-weight: 400; } +::slotted(*) .button:not(.button-round) { + --border-radius: #{$toolbar-ios-button-border-radius}; +} + :host-context(.ion-color)::slotted(*) .button { --ion-color-base: currentColor; } diff --git a/core/src/components/buttons/buttons.md.scss b/core/src/components/buttons/buttons.md.scss index e0042f62d8..c7713da59a 100644 --- a/core/src/components/buttons/buttons.md.scss +++ b/core/src/components/buttons/buttons.md.scss @@ -13,7 +13,6 @@ --padding-bottom: 0; --padding-start: 8px; --padding-end: 8px; - --border-radius: #{$toolbar-md-button-border-radius}; --height: 32px; --box-shadow: none; @@ -21,6 +20,9 @@ font-weight: 500; } +::slotted(*) .button:not(.button-round) { + --border-radius: #{$toolbar-md-button-border-radius}; +} // Material Design Toolbar Button Icon // -------------------------------------------------- diff --git a/core/src/components/toolbar/toolbar.ios.vars.scss b/core/src/components/toolbar/toolbar.ios.vars.scss index d13347f7e6..afb42ded43 100644 --- a/core/src/components/toolbar/toolbar.ios.vars.scss +++ b/core/src/components/toolbar/toolbar.ios.vars.scss @@ -30,9 +30,6 @@ $toolbar-ios-button-background-color: $toolbar-ios-background-colo /// @prop - Background color of the toolbar button when activated $toolbar-ios-button-background-color-activated: $toolbar-ios-color-active !default; -/// @prop - Border radius of the toolbar button -$toolbar-ios-button-border-radius: 4px !default; - /// @prop - Font weight of the strong toolbar button $toolbar-ios-button-strong-font-weight: 600 !default; diff --git a/core/src/components/toolbar/toolbar.md.vars.scss b/core/src/components/toolbar/toolbar.md.vars.scss index 04ea37320b..57034228ad 100644 --- a/core/src/components/toolbar/toolbar.md.vars.scss +++ b/core/src/components/toolbar/toolbar.md.vars.scss @@ -30,9 +30,6 @@ $toolbar-md-button-background-color: $toolbar-md-background-color ! /// @prop - Background color of the toolbar button when activated $toolbar-md-button-background-color-activated: $toolbar-md-color-active !default; -/// @prop - Border radius of the toolbar button -$toolbar-md-button-border-radius: 2px !default; - /// @prop - Fill color of the toolbar button icon $toolbar-md-button-icon-fill-color: currentColor !default;