mirror of
https://github.com/inverse-inc/sogo.git
synced 2026-05-20 02:45:25 +00:00
Add animation params
This commit is contained in:
committed by
Francis Lachapelle
parent
6636fe3625
commit
6153e88f62
@@ -21,7 +21,7 @@
|
||||
<!--avatar-->
|
||||
</div>
|
||||
<div class="sg-tile-content">
|
||||
<a ui-sref="mail.account.mailbox.message({accountId: account.id, mailboxId: (mailbox.path | encodeUri), messageId: currentMessage.uid})" ng-click="toggleRight()">
|
||||
<a ui-sref="mail.account.mailbox.message({accountId: account.id, mailboxId: (mailbox.path | encodeUri), messageId: currentMessage.uid})">
|
||||
<div class="sg-md-subhead-multi subject">
|
||||
{{currentMessage.subject}}
|
||||
</div>
|
||||
@@ -41,6 +41,6 @@
|
||||
</md-list>
|
||||
</md-content>
|
||||
|
||||
<div layout="column" ui-view="message" md-component-id="right"><!-- message view --></div>
|
||||
<div layout="column" ui-view="message" ng-animate="'view'"><!-- message view --></div>
|
||||
|
||||
</container>
|
||||
|
||||
@@ -8,7 +8,7 @@
|
||||
(function () {
|
||||
'use strict';
|
||||
|
||||
angular.module('SOGo.UI', ['ngMaterial'])
|
||||
angular.module('SOGo.UI', ['ngMaterial', 'ngAnimate'])
|
||||
// md break-points values are hard-coded in angular-material/src/core/util/constant.js
|
||||
// $mdMedia has a built-in support for those values but can also evaluate others
|
||||
// For some reasons, angular-material's break-points don't match the specs
|
||||
|
||||
@@ -7,7 +7,7 @@
|
||||
angular.module('SOGo.Common', []);
|
||||
angular.module('SOGo.ContactsUI', []);
|
||||
|
||||
angular.module('SOGo.MailerUI', ['ngSanitize', 'ui.router', 'vs-repeat', 'ck', 'ngTagsInput', 'angularFileUpload', 'SOGo.Common', 'SOGo.UI', 'SOGo.UIDesktop', 'SOGo.ContactsUI'])
|
||||
angular.module('SOGo.MailerUI', ['ngSanitize', 'ui.router', 'vs-repeat', 'ck', 'ngTagsInput', 'angularFileUpload', 'SOGo.Common', 'SOGo.UI', 'SOGo.UIDesktop', 'SOGo.ContactsUI', 'ngAnimate'])
|
||||
|
||||
.constant('sgSettings', {
|
||||
baseURL: ApplicationBaseURL,
|
||||
|
||||
@@ -8,6 +8,23 @@
|
||||
min-width: ($detailView-width - $pitch);
|
||||
max-width: ($detailView-width + $pitch);
|
||||
margin: 0 auto;
|
||||
&.ng-enter {
|
||||
border: 4px solid red;
|
||||
transition: all 1s linear;
|
||||
&.ng-enter-active {
|
||||
border: 4px solid green;
|
||||
transition: all 1s linear;
|
||||
}
|
||||
}
|
||||
&.ng-leave {
|
||||
border: 4px solid blue;
|
||||
transition: all 1s linear;
|
||||
&.ng-leave-active {
|
||||
border: 4px solid blue;
|
||||
transition: all 1s linear;
|
||||
filter: opacity(0);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// Message view header
|
||||
|
||||
Reference in New Issue
Block a user