Mirror
/
zulip
mirror of https://github.com/zulip/zulip.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

subs: Improve transitions styling for subscriptions page.

This commit is contained in:
Tim Abbott 2017-02-08 23:17:07 -08:00
parent 64ec7e236d
commit 0aa07b9d0f
2 changed files with 20 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
static/js/subs.js
View File

@ -677,7 +677,7 @@ exports.onlaunchtrigger = function () {
exports.launch = function () {
meta.is_open = true;
exports.setup_page(function () {
$("#subscription_overlay").fadeIn(300);
$("#subscription_overlay").addClass("show");
});
};
@ -691,7 +691,7 @@ Object.defineProperty(exports, "is_open", {
exports.close = function () {
hashchange.exit_settings();
meta.is_open = false;
$("#subscription_overlay").fadeOut(500);
$("#subscription_overlay").removeClass("show");
subs.remove_miscategorized_streams();
};

20
static/styles/subscriptions.css
View File

@ -401,7 +401,7 @@ form#add_new_subscription {
top: 3px;
margin-left: 3px;
font-size: 1.7em;
font-weight: 300;
font-weight: 500;
cursor: pointer;
}
@ -783,7 +783,8 @@ form#add_new_subscription {
}
#subscription_overlay {
display: none;
pointer-events: none;
opacity: 0;
position: fixed;
top: 0px;
left: 0px;
@ -792,10 +793,25 @@ form#add_new_subscription {
background-color: rgba(0,0,0,0.8);
overflow: auto;
z-index: 102;
transition: all 0.3s ease;
}
#subscription_overlay.show {
display: block;
pointer-events: all;
opacity: 1;
}
#subscription_overlay .subscriptions-container {
-webkit-transform: scale(0.5);
transform: scale(0.5);
transition: all 0.3s ease;
}
#subscription_overlay.show .subscriptions-container {
-webkit-transform: scale(1);
transform: scale(1);
}
#subscription_overlay .settings {