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

refactor(segment): fixed border width with more than 3 buttons

Browse Source 
Added another toolbar with 3 segments for testing and in order to fix
the width on iOS, references #356
This commit is contained in:
Brandy Carney
2015-10-27 17:47:55 -04:00
parent 1fcd2e3db1
commit c98867493a
4 changed files with 27 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
ionic/components/segment/test/basic/e2e.ts
View File

@ -10,3 +10,7 @@ it('standard should be selected', function() {
it('model c should be selected', function() {
element(by.css('.e2eSegmentModelC')).click();
});
it('top grossing should be selected', function() {
element(by.css('.e2eSegmentTopGrossing')).click();
});

1
ionic/components/segment/test/basic/index.ts
View File

@ -15,6 +15,7 @@ class MyApp {
});
this.modelStyle = 'B';
this.appType = 'free';
}
doSubmit(event) {

18
ionic/components/segment/test/basic/main.html
View File

@ -44,6 +44,8 @@
</span>
</p>
<hr>
<h4>Model style: NgModel</h4>
<ion-segment [(ng-model)]="modelStyle" dark>
@ -63,3 +65,19 @@
<p>Model Style: <b>Model {{ modelStyle }}</b></p>
</ion-content>
<ion-toolbar position="bottom">
<ion-title>
<ion-segment [(ng-model)]="appType" primary>
<ion-segment-button value="paid">
Paid
</ion-segment-button>
<ion-segment-button value="free">
Free
</ion-segment-button>
<ion-segment-button value="top" class="e2eSegmentTopGrossing">
Top Grossing
</ion-segment-button>
</ion-segment>
</ion-title>
</ion-toolbar>