diff options
| author | Matias Niemelàˆ | 2013-05-07 17:11:39 -0400 |
|---|---|---|
| committer | Misko Hevery | 2013-05-08 16:03:31 -0700 |
| commit | 11f712bc3e310302eb2e8691cf6d110bdcde1810 (patch) | |
| tree | 5e8b27a3dc2a8b0b18a4e0560f21f007206772b5 /src/ng/directive/ngShowHide.js | |
| parent | 14757874a7cea7961f31211b245c417bd4b20512 (diff) | |
| download | angular.js-11f712bc3e310302eb2e8691cf6d110bdcde1810.tar.bz2 | |
chore(ngAnimate): CSS classes X-setup/X-start -> X/X-active
BREAKING CHANGE: css classes foo-setup/foo-start become foo/foo-active
The CSS transition classes have changed suffixes. To migrate rename
.foo-setup {...} to .foo {...}
.foo-start {...} to .foo-active {...}
or for type: enter, leave, move, show, hide
.foo-type-setup {...} to .foo-type {...}
.foo-type-start {...} to .foo-type-active {...}
Diffstat (limited to 'src/ng/directive/ngShowHide.js')
| -rw-r--r-- | src/ng/directive/ngShowHide.js | 20 |
1 files changed, 10 insertions, 10 deletions
diff --git a/src/ng/directive/ngShowHide.js b/src/ng/directive/ngShowHide.js index 7ccc0aa0..7ef7008c 100644 --- a/src/ng/directive/ngShowHide.js +++ b/src/ng/directive/ngShowHide.js @@ -45,7 +45,7 @@ </div> </file> <file name="animations.css"> - .example-show-setup, .example-hide-setup { + .example-show, .example-hide { -webkit-transition:all linear 0.5s; -moz-transition:all linear 0.5s; -ms-transition:all linear 0.5s; @@ -53,12 +53,12 @@ transition:all linear 0.5s; } - .example-show-setup { + .example-show { line-height:0; opacity:0; padding:0 10px; } - .example-show-start.example-show-start { + .example-show-active.example-show-active { line-height:20px; opacity:1; padding:10px; @@ -66,14 +66,14 @@ background:white; } - .example-hide-setup { + .example-hide { line-height:20px; opacity:1; padding:10px; border:1px solid black; background:white; } - .example-hide-start.example-hide-start { + .example-hide-active.example-hide-active { line-height:0; opacity:0; padding:0 10px; @@ -154,7 +154,7 @@ var ngShowDirective = ['$animator', function($animator) { </div> </file> <file name="animations.css"> - .example-show-setup, .example-hide-setup { + .example-show, .example-hide { -webkit-transition:all linear 0.5s; -moz-transition:all linear 0.5s; -ms-transition:all linear 0.5s; @@ -162,12 +162,12 @@ var ngShowDirective = ['$animator', function($animator) { transition:all linear 0.5s; } - .example-show-setup { + .example-show { line-height:0; opacity:0; padding:0 10px; } - .example-show-start.example-show-start { + .example-show.example-show-active { line-height:20px; opacity:1; padding:10px; @@ -175,14 +175,14 @@ var ngShowDirective = ['$animator', function($animator) { background:white; } - .example-hide-setup { + .example-hide { line-height:20px; opacity:1; padding:10px; border:1px solid black; background:white; } - .example-hide-start.example-hide-start { + .example-hide.example-hide-active { line-height:0; opacity:0; padding:0 10px; |