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

Segment animation

Browse Source
This commit is contained in:
Max Lynch
2015-05-09 09:16:16 -05:00
parent 51ee9a415d
commit f2d2634fb8
4 changed files with 9 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
ionic/components/segment/extensions/ios.scss
View File

@ -3,15 +3,18 @@
.ion-segment {
> .button {
border-width: 2px;
border-width: 1px;
@include transition(100ms all linear);
color: get-color(primary, base);
min-height: 3.7rem;
line-height: 3.7rem;
min-height: 3.3rem;
line-height: 3.3rem;
&.active {
color: #fff;
background-color: get-color(primary, base);
color: white;
}
border-style: solid;

1
ionic/components/segment/segment.js
View File

@ -137,6 +137,7 @@ export class SegmentButton {
buttonClicked(event) {
this.segment.selected(this, event);
event.preventDefault();
}
}

2
ionic/components/segment/segment.scss
View File

@ -25,8 +25,6 @@ ion-segment { display: block; }
background: none;
&.active {
background-color: get-color(primary, base);
color: white;
}
&:first-of-type {

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

@ -1,7 +1,7 @@
<ion-content class="padding">
<form (^submit)="doSubmit($event)" [control-group]="form">
<ion-segment control="mapStyle">
<ion-segment [control]="mapStyle">
<ion-segment-button value="standard" ion-button>
Standard
</ion-segment-button>