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/loading/loading.ios.vars.scss
View File

@ -37,7 +37,7 @@ $loading-ios-background-color: $background-color-step-50 !d
$loading-ios-translucent-background-color-alpha: .8 !default;
/// @prop - Background color of the translucent loading wrapper
$loading-ios-translucent-background-color: rgba(var(--ion-background-color-rgb, $background-color-rgb), $loading-ios-translucent-background-color-alpha) !default;
$loading-ios-translucent-background-color: rgba($background-color-rgb, $loading-ios-translucent-background-color-alpha) !default;
/// @prop - Font weight of the loading content
$loading-ios-content-font-weight: bold !default;