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

feat(select): using action-sheet as ion-select interface

Browse Source
This commit is contained in:
Manu Mtz.-Almeida
2016-03-09 23:51:00 +01:00
parent b3bea838b2
commit 81096f1c12
7 changed files with 102 additions and 35 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
ionic/components/action-sheet/action-sheet.ios.scss
View File

@ -82,6 +82,11 @@ ion-action-sheet {
}
}
.action-sheet-selected {
font-weight: bold;
background: white;
}
.action-sheet-destructive {
color: $action-sheet-ios-button-destructive-text-color;
}

4
ionic/components/action-sheet/action-sheet.md.scss
View File

@ -64,3 +64,7 @@ $action-sheet-md-icon-margin: 0 28px 0 0 !default;
margin-bottom: $action-sheet-md-group-margin-bottom;
}
}
.action-sheet-selected {
font-weight: bold;
}

2
ionic/components/action-sheet/action-sheet.ts
View File

@ -240,6 +240,8 @@ class ActionSheetCmp {
} else {
if (button.role === 'destructive') {
button.cssClass = (button.cssClass + ' ' || '') + 'action-sheet-destructive';
} else if (button.role === 'selected') {
button.cssClass = (button.cssClass + ' ' || '') + 'action-sheet-selected';
}
buttons.push(button);
}

4
ionic/components/action-sheet/action-sheet.wp.scss
View File

@ -69,6 +69,10 @@ $action-sheet-wp-icon-margin: 0 16px 0 0 !default;
}
}
.action-sheet-selected {
font-weight: bold;
}
.action-sheet-cancel {
background: $action-sheet-wp-button-background;
}