mirror of
https://github.com/the-djmaze/snappymail.git
synced 2024-09-20 07:35:55 +08:00
Reduced popups animation
This commit is contained in:
parent
2f8b9efbac
commit
1c50b8df07
|
@ -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'))
|
||||||
{
|
{
|
||||||
|
|
|
@ -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 {
|
||||||
|
|
|
@ -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;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
@ -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;
|
||||||
|
|
2
rainloop/v/0.0.0/static/css/app.min.css
vendored
2
rainloop/v/0.0.0/static/css/app.min.css
vendored
File diff suppressed because one or more lines are too long
Loading…
Reference in a new issue