ndi-2018
/
main
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

upd: fixed transition (2-way) for menu size

This commit is contained in:
xdrm-brackets 2017-12-04 17:44:43 +01:00
parent 7db3f2e3f8
commit 6d894c456f
2 changed files with 9 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
public_html/css/menu.css
View File

@ -34,7 +34,8 @@
cursor: pointer; cursor: pointer;
transition: background-color .1s ease-in-out, transition: background .2s ease-in-out,
padding .2s ease-in-out,
color .2s ease-in-out; color .2s ease-in-out;
} }
@ -55,6 +56,9 @@
#WRAPPER.min #MENU .menu-item-wrapper .menu-item{ #WRAPPER.min #MENU .menu-item-wrapper .menu-item{
background-position: center center; width: calc( 100% - 5em );
background-size: 50%; padding-left: 5em;
background-position: 1.2em center;
background-size: 2em;
} }

2
view/vue/menu.vue
View File

@ -5,7 +5,7 @@
<div v-for='(item, index) in gstore.menu_item' class='menu-item-wrapper'> <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"'> <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>
</div> </div>