javascript/ionic-framework
1
0
Fork 0
mirror of https://github.com/ionic-team/ionic-framework.git synced 2025-11-10 00:27:41 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix(action-sheet): remove the height shift on press and update iOS design (#16862)

Browse Source 
This changes the border into a linear gradient background image which allows us to avoid the height decrease on press and have the same border as the background color when pressed.

- merges all action sheet tests to the basic directory (except standalone, translucent), references #16715
- removes the height shift on press, fixes #16790
- fixes the cancel button on iOS so it is `#ffffff` by default
- gets the look of the action sheet closer to native for iOS
- only applies the translucent and backdrop filter if it is supported by the browser (chrome will not show transparent anymore)
- updates documentation to describe when translucent will show up
- adds documentation on how to use screenshot tests
This commit is contained in:
Brandy Carney
2019-01-10 18:13:31 -05:00
committed by GitHub
parent 509edbc53c
commit 82457d874b
38 changed files with 757 additions and 919 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
core/src/components/card-header/card-header.ios.vars.scss
View File

@ -19,7 +19,7 @@ $card-ios-header-padding-start: $card-ios-header-padding
$card-ios-header-translucent-background-color-alpha: .9 !default;
/// @prop - Filter of the translucent card header background color
$card-ios-header-translucent-background-color: rgba(var(--ion-background-color-rgb, $background-color-rgb), $card-ios-header-translucent-background-color-alpha) !default;
$card-ios-header-translucent-background-color: rgba($background-color-rgb, $card-ios-header-translucent-background-color-alpha) !default;
/// @prop - Filter of the translucent card header
$card-ios-header-translucent-filter: saturate(180%) blur(30px) !default;