diff --git a/core/src/components/action-sheet/action-sheet.ios.scss b/core/src/components/action-sheet/action-sheet.ios.scss index 126e346f8e..4bd0540db8 100644 --- a/core/src/components/action-sheet/action-sheet.ios.scss +++ b/core/src/components/action-sheet/action-sheet.ios.scss @@ -110,10 +110,16 @@ text-align: $action-sheet-ios-text-align; } +.action-sheet-title.action-sheet-has-sub-title { + font-weight: $action-sheet-ios-title-with-sub-title-font-weight; +} + .action-sheet-sub-title { @include padding($action-sheet-ios-sub-title-padding-top, $action-sheet-ios-sub-title-padding-end, $action-sheet-ios-sub-title-padding-bottom, $action-sheet-ios-sub-title-padding-start); font-size: $action-sheet-ios-sub-title-font-size; + + font-weight: $action-sheet-ios-title-font-weight; } diff --git a/core/src/components/action-sheet/action-sheet.ios.vars.scss b/core/src/components/action-sheet/action-sheet.ios.vars.scss index 137d19a260..f984d4902e 100644 --- a/core/src/components/action-sheet/action-sheet.ios.vars.scss +++ b/core/src/components/action-sheet/action-sheet.ios.vars.scss @@ -55,6 +55,9 @@ $action-sheet-ios-title-font-size: 13px !default; /// @prop - Font weight of the action sheet title $action-sheet-ios-title-font-weight: 400 !default; +/// @prop - Font weight of the action sheet title when it has a sub title +$action-sheet-ios-title-with-sub-title-font-weight: 600 !default; + /// @prop - Border width of the action sheet title $action-sheet-ios-title-border-width: $hairlines-width !default; @@ -72,10 +75,10 @@ $action-sheet-ios-title-border-color: rgba($text-col // -------------------------------------------------- /// @prop - Font size of the action sheet sub title -$action-sheet-ios-sub-title-font-size: 12px !default; +$action-sheet-ios-sub-title-font-size: 13px !default; /// @prop - Padding top of the action sheet sub title -$action-sheet-ios-sub-title-padding-top: 15px !default; +$action-sheet-ios-sub-title-padding-top: 6px !default; /// @prop - Padding end of the action sheet sub title $action-sheet-ios-sub-title-padding-end: 0 !default; @@ -103,7 +106,7 @@ $action-sheet-ios-button-text-color: ion-color(prim $action-sheet-ios-button-icon-font-size: 28px !default; /// @prop - Padding right of the action sheet button icon -$action-sheet-ios-button-icon-padding-right: .1em !default; +$action-sheet-ios-button-icon-padding-right: .3em !default; /// @prop - Font size of the action sheet button $action-sheet-ios-button-font-size: 20px !default; diff --git a/core/src/components/action-sheet/action-sheet.tsx b/core/src/components/action-sheet/action-sheet.tsx index 84c7d81c0a..47581a62e5 100644 --- a/core/src/components/action-sheet/action-sheet.tsx +++ b/core/src/components/action-sheet/action-sheet.tsx @@ -258,7 +258,10 @@ export class ActionSheet implements ComponentInterface, OverlayInterface {
this.groupEl = el}> {this.header !== undefined && -
+
{this.header} {this.subHeader &&
{this.subHeader}
}