1 files changed, 34 insertions, 9 deletions

diff --git a/p/themes/base-theme/template.css b/p/themes/base-theme/template.css
index 099aee916..fb62f8d74 100644
--- a/p/themes/base-theme/template.css
+++ b/p/themes/base-theme/template.css
@@ -280,7 +280,7 @@ a.btn {
 	left: 0; right: 0;
 	display: block;
 	z-index: -10;
-    cursor: default;
+	cursor: default;
 }
 .separator {
 	display: block;
@@ -418,8 +418,10 @@ a.btn {
 }
 
 .tree-folder-items {
-	padding: 0;
 	list-style: none;
+	max-height: 200em;
+	padding: 0;
+	transition: max-height .3s linear;
 }
 .tree-folder-title {
 	display: block;
@@ -502,7 +504,11 @@ a.btn {
 	padding: 0px 15px;
 }
 .aside_feed .tree-folder-items:not(.active) {
-	display: none;
+	border: none;
+	margin: 0;
+	max-height: 0;
+	padding: 0;
+	overflow: hidden;
 }
 .aside_feed .tree-folder-items .dropdown {
 	vertical-align: top;
@@ -632,9 +638,13 @@ br + br + br {
 	z-index: 10;
 	background: #fff;
 	border: 1px solid #aaa;
+	opacity: 1;
+	visibility: visible;
+	transition: visibility 0s, opacity .3s linear;
 }
 .notification.closed {
-	display: none;
+	opacity: 0;
+	visibility: hidden;
 }
 .notification a.close {
 	position: absolute;
@@ -710,15 +720,15 @@ br + br + br {
 /*=== LOGIN VIEW */
 /*================*/
 .formLogin .header > .item {
-        padding: 10px 30px;
+	padding: 10px 30px;
 }
 
 .formLogin .header > .item.title {
-        text-align: left;
+	text-align: left;
 }
 
 .formLogin .header > .item.configure {
-        text-align: right;
+	text-align: right;
 }
 
 
@@ -731,14 +741,29 @@ br + br + br {
 #stream.global .box {
 	text-align: left;
 }
-
+#global > #panel {
+	bottom: 99vh;
+	display: block;
+	transition: visibility .3s, bottom .3s;
+	visibility: hidden;
+}
+#global > #panel.visible {
+	bottom: 1em;
+	visibility: visible;
+}
 /*=== Panel */
 #overlay {
-	display: none;
 	position: fixed;
 	top: 0; bottom: 0;
 	left: 0; right: 0;
 	background: rgba(0, 0, 0, 0.9);
+	opacity: 0;
+	transition: visibility .3s, opacity .3s;
+	visibility: hidden;
+}
+#overlay.visible {
+	opacity: 1;
+	visibility: visible;
 }
 #panel {
 	display: none;