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

fix(action-sheet): set 100% height to fix scrollable options (#16789)

Browse Source 
* test(action-sheet): include more buttons to scroll in the screenshot
This commit is contained in:
Brandy Carney
2018-12-17 17:27:03 -05:00
committed by GitHub
parent c9cef12316
commit e3d7282b57
2 changed files with 18 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
core/src/components/action-sheet/action-sheet.scss
View File

@ -23,8 +23,8 @@
--width: #{$action-sheet-width};
--max-width: #{$action-sheet-max-width};
--min-height: auto;
--height: auto;
--max-height: auto;
--height: 100%;
--max-height: 100%;
@include font-smoothing();
@include position(0, 0, 0, 0);

16
core/src/components/action-sheet/test/scrollable-options/index.html
View File

@ -73,11 +73,21 @@
handler: () => {
console.log('Mark Unread clicked');
}
}, {
text: 'Mark Read',
handler: () => {
console.log('Mark Read clicked');
}
}, {
text: 'Edit Title',
handler: () => {
console.log('Edit Title clicked');
}
}, {
text: 'Erase Title',
handler: () => {
console.log('Erase Title clicked');
}
}, {
text: 'Save Image',
handler: () => {
@ -88,6 +98,12 @@
handler: () => {
console.log('Copy Image clicked');
}
}, {
}, {
text: 'Erase Image',
handler: () => {
console.log('Erase Image clicked');
}
}, {
text: 'Delete File',
role: 'destructive',