From 6d894c456fbf52de4a969166eb05ac115a6d8b99 Mon Sep 17 00:00:00 2001
From: xdrm-brackets <doowap31@gmail.com>
Date: Mon, 4 Dec 2017 17:44:43 +0100
Subject: [PATCH] upd: fixed transition (2-way) for menu size

---
 public_html/css/menu.css | 12 ++++++++----
 view/vue/menu.vue        |  2 +-
 2 files changed, 9 insertions(+), 5 deletions(-)

diff --git a/public_html/css/menu.css b/public_html/css/menu.css
index 72036f5..b91dd4d 100644
--- a/public_html/css/menu.css
+++ b/public_html/css/menu.css
@@ -34,8 +34,9 @@
 
 	cursor: pointer;
 
-	transition: background-color .1s ease-in-out,
-				color 	         .2s ease-in-out;
+	transition: background .2s ease-in-out,
+				padding    .2s ease-in-out,
+				color      .2s ease-in-out;
 }
 
 #MENU .menu-item:hover,
@@ -55,6 +56,9 @@
 
 
 #WRAPPER.min #MENU .menu-item-wrapper .menu-item{
-	background-position: center center;
-	background-size: 50%;
+	width: calc( 100% - 5em );
+	padding-left: 5em;
+
+	background-position: 1.2em center;
+	background-size: 2em;
 }
\ No newline at end of file
diff --git a/view/vue/menu.vue b/view/vue/menu.vue
index ada776c..e3160a9 100644
--- a/view/vue/menu.vue
+++ b/view/vue/menu.vue
@@ -5,7 +5,7 @@
 		<div v-for='(item, index) in gstore.menu_item' class='menu-item-wrapper'>
 
 			<div :class="(index == gstore.menu_item_active) ? 'menu-item active' : 'menu-item'" @click='navigate_menu(index)' :style='"background-image: url(/image/menu/" + item.icon + ".svg@333333"'>
-			<span v-show='!gstore.min_menu'>{{ item.label }}</span>
+			<span>{{ item.label }}</span>
 			</div>
 
 		</div>