Skip to content

Commit 7d5ec9c

Browse files
movibemovibe
committed
Fix Css Animation for ui-view
1 parent 73a4fed commit 7d5ec9c

3 files changed

Lines changed: 39 additions & 31 deletions

File tree

‎client/app/css/main.css‎

Lines changed: 32 additions & 13 deletions
Original file line numberDiff line numberDiff line change
@@ -4,26 +4,45 @@
44
.small-box{
55
cursor: pointer;
66
}
7-
.at-view-fade-in.ng-enter {
8-
-webkit-transition-property: opacity;
9-
-moz-transition-property: opacity;
10-
-o-transition-property: opacity;
11-
transition-property: opacity;
12-
-webkit-transition-duration: 1s;
13-
-moz-transition-duration: 1s;
14-
-o-transition-duration: 1s;
15-
transition-duration: 1s;
7+
.ui-view-container {
8+
position: relative;
9+
}
10+
11+
[ui-view].ng-enter, [ui-view].ng-leave {
12+
/*position: absolute;*/
13+
/*left: 0;*/
14+
/*right: 0;*/
15+
-webkit-transition:all .5s ease-in-out;
16+
-moz-transition:all .5s ease-in-out;
17+
-o-transition:all .5s ease-in-out;
18+
transition:all .5s ease-in-out;
19+
}
20+
21+
[ui-view].ng-enter {
1622
opacity: 0;
23+
/*-webkit-transform:scale3d(0.5, 0.5, 0.5);*/
24+
/*-moz-transform:scale3d(0.5, 0.5, 0.5);*/
25+
/*transform:scale3d(0.5, 0.5, 0.5);*/
1726
}
1827

19-
.at-view-fade-in.ng-enter-active {
28+
[ui-view].ng-enter-active {
2029
opacity: 1;
30+
/*-webkit-transform:scale3d(1, 1, 1);*/
31+
/*-moz-transform:scale3d(1, 1, 1);*/
32+
/*transform:scale3d(1, 1, 1);*/
2133
}
2234

23-
.at-view-fade-out.ng-leave {
24-
display: none;
35+
[ui-view].ng-leave {
36+
opacity: 1;
37+
/*-webkit-transform:translate3d(0, 0, 0);*/
38+
/*-moz-transform:translate3d(0, 0, 0);*/
39+
/*transform:translate3d(0, 0, 0);*/
2540
}
2641

27-
.at-view-fade-out.ng-leave-active {
42+
[ui-view].ng-leave-active {
2843
opacity: 0;
44+
display: none;
45+
/*-webkit-transform:translate3d(100px, 0, 0);*/
46+
/*-moz-transform:translate3d(100px, 0, 0);*/
47+
/*transform:translate3d(100px, 0, 0);*/
2948
}

‎client/app/modules/posts/views/form.html‎

Lines changed: 6 additions & 17 deletions
Original file line numberDiff line numberDiff line change
@@ -8,22 +8,11 @@ <h4>
88

99

1010
<div class="row">
11-
12-
<div class="col-sm-6">
13-
<form name="joinForm" ng-submit="join()">
14-
<auto:fields fields="schema" data="user" options="options"></auto:fields>
15-
<button type="submit" class="btn btn-default btn-lg btn-block" ng-class="{'btn-primary':joinForm.$valid}" tabindex="100">Join</button>
16-
</form>
17-
</div>
18-
<div class="col-sm-6">
19-
<h4>Bound Data</h4>
20-
<pre ng-bind="user | json"></pre <textarea ng-model="options"></textarea>
21-
>
22-
<h4>Demo Functions</h4>
23-
<button class="btn btn-default" ng-click="addField()">Add Field</button>
24-
<button class="btn btn-default" ng-click="toggleValidation()">Toggle Validation</button>
25-
<button class="btn btn-default" ng-click="togglePopovers()">Toggle Popovers</button>
26-
<button class="btn btn-default" ng-click="toggleHorizontal()">Toggle Horizontal</button>
11+
<div class="col-md-4">
12+
<div class="alert alert-danger" ng-if="addError">Could not add post!</div>
13+
<formly-form result="post" fields="formFields" options="formOptions" ng-submit="onSubmit()"></formly-form>
2714
</div>
28-
15+
</div>
16+
<div class="controls">
17+
<button class="btn btn-primary btn-success" ng-click="onSubmit()">Submit</button>
2918
</div>

‎server/config.json‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
{
22
"restApiRoot": "/api",
3-
"host": "0.0.0.0",
3+
"host": "localhost",
44
"port": 3000,
55
"url": "http://localhost:3000/"
66
}

0 commit comments

Comments
 (0)