From 4e0342f31559f2eca495ae28a4d1167a7a23d92b Mon Sep 17 00:00:00 2001
From: TheMitoSan <temmieheartz@yahoo.com>
Date: Wed, 31 May 2023 07:49:08 -0300
Subject: [PATCH] GUI: Add simple init animation

---
 App/css/style.css | 11 +++++++----
 App/js/main.js    |  6 ++++++
 2 files changed, 13 insertions(+), 4 deletions(-)

diff --git a/App/css/style.css b/App/css/style.css
index 0a07d1f..9c277e1 100644
--- a/App/css/style.css
+++ b/App/css/style.css
@@ -87,7 +87,9 @@ label {
 	overflow: hidden;
 	position: absolute;
 	background-color: #0000;
+	transition-duration: 0.8s;
 	backdrop-filter: blur(4px);
+	transition-timing-function: cubic-bezier(0,1,0,1);
 	box-shadow: 0px 0px 10px #000;
 	background-image: linear-gradient(180deg, #706099aa, #3e2e67aa);
 }
@@ -95,7 +97,7 @@ label {
 	top: 0px;
 	left: 0px;
 	width: auto;
-	height: 30px;
+	height: 0px;
 	display: flex;
 	flex-wrap: nowrap;
 	align-items: center;
@@ -106,9 +108,9 @@ label {
 .MENU_RIGHT {
 	top: 0px;
 	right: 0px;
-	width: 168px;
+	width: 0px;
 	height: auto;
-	overflow: auto;
+	overflow: hidden;
 	padding-top: 10px;
 	text-align: center;
 	padding-bottom: 10px;
@@ -152,6 +154,7 @@ label {
 	background-image: linear-gradient(180deg, #00642f, #0a0);
 }
 .RT {
+	overflow: hidden;
 	display: flex;
 	min-height: 42px;
 	flex-wrap: nowrap;
@@ -215,7 +218,7 @@ label {
 	Options
 */
 .BTN_OPTIONS {
-	width: calc(100% - 20px);
+	width: 148px;
 }
 
 /*
diff --git a/App/js/main.js b/App/js/main.js
index e815403..2f8f80f 100644
--- a/App/js/main.js
+++ b/App/js/main.js
@@ -232,6 +232,12 @@ const APP = {
 			// Load settings
 			APP.options.loadSettings();
 
+			// Display menus
+			setTimeout(function(){
+				TMS.css('MENU_TOP', {'height': '30px'});
+				TMS.css('MENU_RIGHT', {'width': '168px'});
+			}, 30);
+
 		} catch (err) {
 			window.alert('ERROR - Something happened on boot process!\n' + err);
 			throw new Error(err);