mirror of
https://github.com/ionic-team/ionic-framework.git
synced 2026-03-13 10:22:08 +08:00
feat(toolbar): control toolbar borders on top/bottom
Toolbars can be stacked up vertically in `<ion-header>`, `<ion-content>`, and `<ion-footer>` elements. However, toolbars also come with borders on both the top and bottom of the toolbar. To give developers full control of the design, Ionic also includes the `no-border-bottom` and `no-border-top` attributes. For example, sometimes two vertically stacked toolbars may have different background colors, in this case it might be best to leave a border between them. However, if they have the same background color, the app may look best without a border between them. The main point here is, it's entirely up to the app's design to decide when and when not to show borders between toolbars, and to do so then each toolbar can individually set `no-border-bottom` and `no-border-top` attributes.
This commit is contained in:
@@ -6,7 +6,7 @@ import {ionicBootstrap} from '../../../../../src';
|
||||
templateUrl: 'main.html'
|
||||
})
|
||||
class E2EPage {
|
||||
musicAlertOpts;
|
||||
musicAlertOpts: any;
|
||||
gender: string;
|
||||
gaming: string;
|
||||
os: string;
|
||||
@@ -30,17 +30,13 @@ class E2EPage {
|
||||
title: '1994 Music',
|
||||
subTitle: 'Select your favorite'
|
||||
};
|
||||
|
||||
setTimeout(() => {
|
||||
this.gender = 'm';
|
||||
}, 1500);
|
||||
}
|
||||
|
||||
gamingCancel() {
|
||||
console.log('Gaming Select, Cancel');
|
||||
}
|
||||
|
||||
gamingChange(selectedValue) {
|
||||
gamingChange(selectedValue: any) {
|
||||
console.log('Gaming Select, Change value:', selectedValue);
|
||||
}
|
||||
|
||||
|
||||
Reference in New Issue
Block a user