EVOgeek
/
Vmeda.Online
1
0
Fork 1
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Merge pull request #2060 from crazyserver/MOBILE-3068 

MOBILE-3068 ios: Style action sheets
main
Juan Leyva 2019-08-20 16:12:19 +01:00 committed by GitHub
parent 373a4d0cc7 529cd97cac
commit bcb01240a0
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
4 changed files with 46 additions and 25 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

28
src/app/app.ios.scss
View File

@ -99,16 +99,22 @@ ion-app.app-root.ios {
background-color: $checkbox-ios-background-color-off;
}
// File Uploader
// In iOS the input is 1 level higher, so the styles are different.
.action-sheet-ios input.core-fileuploader-file-handler-input {
position: absolute;
@include position(null, 0, null, 0);
min-width: 100%;
min-height: $action-sheet-ios-button-min-height;
opacity: 0;
outline: none;
z-index: 100;
cursor: pointer;
.action-sheet-ios {
.action-sheet-title {
font-size: 2rem;
}
// File Uploader
// In iOS the input is 1 level higher, so the styles are different.
input.core-fileuploader-file-handler-input {
position: absolute;
@include position(null, 0, null, 0);
min-width: 100%;
min-height: $action-sheet-ios-button-min-height;
opacity: 0;
outline: none;
z-index: 100;
cursor: pointer;
}
}
}

13
src/app/app.md.scss
View File

@ -70,19 +70,6 @@ ion-app.app-root.md {
padding-top: 0;
margin-top: $action-sheet-md-title-padding-top;
}
.action-sheet-cancel {
color: $red;
}
.action-sheet-wrapper {
bottom: 0;
top: initial;
max-height: 50%;
height: 100%;
}
.action-sheet-selected {
color: $core-color;
}
}
}

19
src/app/app.scss
View File

@ -599,6 +599,25 @@ ion-app.app-root {
.action-sheet-group {
overflow: auto;
}
.action-sheet-wrapper {
.action-sheet-button.action-sheet-cancel {
color: $core-action-sheet-cancel-color;
}
.action-sheet-selected {
color: $core-color;
}
}
@media (min-height: 500px) {
.action-sheet-wrapper {
bottom: 0;
top: initial;
max-height: 50%;
height: 100%;
}
}
.alert-message {
overflow-y: auto;
}

11
src/theme/variables.scss
View File

@ -164,6 +164,9 @@ $core-login-loading-color: false !default;
$core-login-item-inner-background-color: $white !default;
$core-login-item-background-color: $white !default;
$core-action-sheet-color: $core-color !default;
$core-action-sheet-cancel-color: $danger !default;
// App iOS Variables
// --------------------------------------------------
// iOS only Sass variables can go here
@ -182,6 +185,9 @@ $checkbox-ios-disabled-opacity: $input-select-opacity !default;
$toggle-ios-disabled-opacity: $input-select-opacity !default;
$note-ios-color: $note-color;
$popover-ios-width: $popover-width;
$action-sheet-ios-title-color: $core-action-sheet-color;
$action-sheet-ios-button-text-color: $black !default;
$action-sheet-ios-button-destructive-text-color: $danger;
$item-ios-divider-background: $item-divider-background;
$item-ios-divider-color: $item-divider-color;
@ -204,7 +210,8 @@ $checkbox-md-disabled-opacity: $input-select-opacity !default;
$toggle-md-disabled-opacity: $input-select-opacity !default;
$note-md-color: $note-color;
$popover-md-width: $popover-width;
$action-sheet-md-title-color: $core-color;
$action-sheet-md-title-color: $core-action-sheet-color;
$action-sheet-md-button-text-color: $black !default;
$item-md-divider-background: $item-divider-background;
$item-md-divider-color: $item-divider-color;
@ -226,6 +233,8 @@ $checkbox-wp-disabled-opacity: $input-select-opacity !default;
$toggle-wp-disabled-opacity: $input-select-opacity !default;
$note-wp-color: $note-color;
$popover-wp-width: $popover-width;
$action-sheet-wp-title-color: $core-action-sheet-color;
$action-sheet-wp-button-text-color: $black !default;
$item-wp-divider-background: $item-divider-background;
$item-wp-divider-color: $item-divider-color;