Reduced popups animation

This commit is contained in:
RainLoop Team 2013-12-23 18:31:43 +04:00
parent 2f8b9efbac
commit 1c50b8df07
5 changed files with 45 additions and 15 deletions

View file

@ -508,7 +508,7 @@ ko.bindingHandlers.command = {
jqElement.toggleClass('command-can-not-be-execute', !bResult); jqElement.toggleClass('command-can-not-be-execute', !bResult);
} }
jqElement.toggleClass('command-disabled disable disabled', !bResult); jqElement.toggleClass('command-disabled disable disabled', !bResult).toggleClass('no-disabled', !!bResult);
if (jqElement.is('input') || jqElement.is('button')) if (jqElement.is('input') || jqElement.is('button'))
{ {

View file

@ -136,8 +136,9 @@
-o-transform-origin: 50% 50%; -o-transform-origin: 50% 50%;
transform-origin: 50% 50%; transform-origin: 50% 50%;
.transition(~"0.3s all cubic-bezier(0.250, 0.460, 0.450, 0.940)"); /*.transition(~"0.3s all cubic-bezier(0.250, 0.460, 0.450, 0.940)");*/
.scale(0.9); .transition(0.1s all linear);
.scale(0.95);
} }
.modal-open .popups .popup-active.modal { .modal-open .popups .popup-active.modal {

View file

@ -310,6 +310,19 @@
.box-shadow(inset 0 1px 1px rgba(0, 0, 0, 0.075)); .box-shadow(inset 0 1px 1px rgba(0, 0, 0, 0.075));
border-color: #999; border-color: #999;
} }
&::-webkit-input-placeholder {
color: #ddd;
}
&::-moz-placeholder {
color: #ddd;
}
&:-moz-placeholder {
color: #ddd;
}
&:-ms-input-placeholder {
color: #ddd;
}
} }
.hasError { .hasError {
@ -344,8 +357,9 @@
top: 20px; top: 20px;
right: 20px; right: 20px;
&.dirty { &.no-disabled.dirty {
color: #51a351; color: #51a351;
font-weight: bold;
} }
} }

View file

@ -7374,6 +7374,18 @@ html.rl-message-fullscreen .messageView .b-content .buttonFull {
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
border-color: #999; border-color: #999;
} }
.b-contacts-content.modal .b-view-content .contactValueInput::-webkit-input-placeholder {
color: #ddd;
}
.b-contacts-content.modal .b-view-content .contactValueInput::-moz-placeholder {
color: #ddd;
}
.b-contacts-content.modal .b-view-content .contactValueInput:-moz-placeholder {
color: #ddd;
}
.b-contacts-content.modal .b-view-content .contactValueInput:-ms-input-placeholder {
color: #ddd;
}
.b-contacts-content.modal .b-view-content .hasError .contactValueInput { .b-contacts-content.modal .b-view-content .hasError .contactValueInput {
color: #ee5f5b; color: #ee5f5b;
border-color: #ee5f5b; border-color: #ee5f5b;
@ -7400,8 +7412,9 @@ html.rl-message-fullscreen .messageView .b-content .buttonFull {
top: 20px; top: 20px;
right: 20px; right: 20px;
} }
.b-contacts-content.modal .b-view-content .button-save-contact.dirty { .b-contacts-content.modal .b-view-content .button-save-contact.no-disabled.dirty {
color: #51a351; color: #51a351;
font-weight: bold;
} }
.b-contacts-content.modal .b-view-content.read-only .e-read-only-sign { .b-contacts-content.modal .b-view-content.read-only .e-read-only-sign {
display: inline-block; display: inline-block;
@ -8286,15 +8299,17 @@ html.rl-message-fullscreen .messageView .b-content .buttonFull {
-moz-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%;
-o-transform-origin: 50% 50%; -o-transform-origin: 50% 50%;
transform-origin: 50% 50%; transform-origin: 50% 50%;
-webkit-transition: 0.3s all cubic-bezier(0.250, 0.460, 0.450, 0.940); /*.transition(~"0.3s all cubic-bezier(0.250, 0.460, 0.450, 0.940)");*/
-moz-transition: 0.3s all cubic-bezier(0.250, 0.460, 0.450, 0.940);
-o-transition: 0.3s all cubic-bezier(0.250, 0.460, 0.450, 0.940); -webkit-transition: 0.1s all linear;
transition: 0.3s all cubic-bezier(0.250, 0.460, 0.450, 0.940); -moz-transition: 0.1s all linear;
-webkit-transform: scale(0.9); -o-transition: 0.1s all linear;
-moz-transform: scale(0.9); transition: 0.1s all linear;
-ms-transform: scale(0.9); -webkit-transform: scale(0.95);
-o-transform: scale(0.9); -moz-transform: scale(0.95);
transform: scale(0.9); -ms-transform: scale(0.95);
-o-transform: scale(0.95);
transform: scale(0.95);
} }
.rl-anim .modal-open .popups .popup-active.modal { .rl-anim .modal-open .popups .popup-active.modal {
-webkit-transform: none; -webkit-transform: none;

File diff suppressed because one or more lines are too long